流星麻烦创建新记录

Question

我运行的Meteor 0.5.2带有不安全的软件包，带有coffeescript软件包。

Cards = new Meteor.Collection "Cards"

if Meteor.isClient

    Template.makeCard.events


        # HANDLES SUBMISSION OF NEW CARD
        'submit form.makeCardForm': ->
            makeNewCard $("input.cardName").val(), $("input.percentage").val()

  # GETS ALL THE CARDS
  Template.viewCards.cards = ->
    Cards.find {}




# METHODS


makeNewCard = (cardName, percentage) ->

    # IF NO %GE GIVEN, DEFAULT TO 0
    unless percentage
        percentage = 0

    # IF CARD NAME PRESENT

    if cardName.length
        Cards.insert
            name: cardName,
            progress: percentage

我检查了将正确的值传递给makeNewCard函数。 但是，每次我提交表单时，它都会在卡片模板中显示一秒钟，然后消失。

直接通过控制台插入记录时，不会发生此问题。

任何帮助将不胜感激。

Answer 1

我对Meteor不太熟悉，但我认为我看到了您的问题。 您在表单上有一个提交处理程序：

'submit form.makeCardForm': ->
    makeNewCard $("input.cardName").val(), $("input.percentage").val()

该处理程序不会返回false，因此表单提交将像普通的<form>提交一样继续； 因此，您将看到预期的结果，然后<form>像往常一样提交到服务器，一切都消失了。

比较一下（ http://jsfiddle.net/ambiguous/Q6cQr/ ）：

<form>
    <input type="submit" value="submit">
</form>​

$('form').on('submit', ->
    console.log('Doing things!')
)​​

和这个（ http://jsfiddle.net/ambiguous/XWkXG/ ）：

<form>
    <input type="submit" value="submit">
</form>​

$('form').on('submit', ->
    console.log('Doing things!')
    false
)​​

并且您应该看到区别。

您可能只需要向您的提交处理程序添加return false ：

'submit form.makeCardForm': ->
    makeNewCard $("input.cardName").val(), $("input.percentage").val()
    false