使用jQuery与流星捐赠错误

Question

省略keydown input : function(event) {和}给我沿着 “While building the application: client/client.js:33:11: Unexpected token (” 的线，基本上是起点的错误。我想知道为什么我一开始就需要javascript函数。不要得到错误。这是一个问题，尤其是因为我不希望点击功能在每次按下按键时都运行。无论如何，要弄清楚如何在这里使用jQuery而不是javascript或者更改keydown输入是非常好的。

Template.create_poll.events = { 

    'keydown input' : function(event) { 

    $("input").keypress(function() { 
     var active_element = $(this).parent().attr("id"); 
     var last_child = $('ul li:last').attr("id"); 
     var option_number_index = last_child.lastIndexOf("-"); 
     var option_number = last_child.substring(option_number_index+1); 
     option_number = option_number/1; 

     //console.log(option_number); 

     //console.log(last_child); 
     if (last_child == active_element) { 
     console.log(active_element); 
     option_number += 1; 
     console.log(option_number); 
     $('ul').append('<li id="poll-choice-' + option_number + '"><input name="choice" type="text" placeholder="Option ' + option_number + '">'); 
     } 
    }); 


    $("#poll_create").click(function() { 
     console.log("Button works"); 
     var choices = new Array(); 
     var counter = 0; 
     $("ul li input").each(function() { 
     choices[counter] = $(this).val(); 
     counter++; 
     }); 

     console.log(choices[1]); 
     console.log(choices[5]); 

    }); 

    } 



} 

Answer 1

Template.create_poll.events期望一个eventMap是：

事件映射是一个对象，其中属性指定一组事件的处理，并且该值是针对这些事件的处理程序。该属性可以是以下几种形式之一：

因此，您需要传入'keydown input' : function (event, templ) { ... }以使其成为有效的Javascript对象。

在这种情况下，你应该使用流星的事件地图关注@ Cuberto的建议和实施的事件：

Template.create_poll.events = { 

    'press input' : function(event) { 
     var active_element = $(this).parent().attr("id"); 
     var last_child = $('ul li:last').attr("id"); 
     var option_number_index = last_child.lastIndexOf("-"); 
     var option_number = last_child.substring(option_number_index+1); 
     option_number = option_number/1; 

     //console.log(option_number); 

     //console.log(last_child); 
     if (last_child == active_element) { 
     console.log(active_element); 
     option_number += 1; 
     console.log(option_number); 
     $('ul').append('<li id="poll-choice-' + option_number + '"><input name="choice" type="text" placeholder="Option ' + option_number + '">'); 
     } 
    }, 
    'click #poll_create' : function (event) { 
     console.log("Button works"); 
     var choices = new Array(); 
     var counter = 0; 
     $("ul li input").each(function() { 
     choices[counter] = $(this).val(); 
     counter++; 
     }); 

     console.log(choices[1]); 
     console.log(choices[5]); 

    } 
} 

但是，如果你想使用某些jQuery的特定事件，那么你可以在rendered它们附加功能：

Template.create_poll.rendered = function() { 
    $("input").keypress(function() { 
     var active_element = $(this).parent().attr("id"); 
     var last_child = $('ul li:last').attr("id"); 
     var option_number_index = last_child.lastIndexOf("-"); 
     var option_number = last_child.substring(option_number_index+1); 
     option_number = option_number/1; 

     //console.log(option_number); 

     //console.log(last_child); 
     if (last_child == active_element) { 
     console.log(active_element); 
     option_number += 1; 
     console.log(option_number); 
     $('ul').append('<li id="poll-choice-' + option_number + '"><input name="choice" type="text" placeholder="Option ' + option_number + '">'); 
     } 
    }); 


    $("#poll_create").click(function() { 
     console.log("Button works"); 
     var choices = new Array(); 
     var counter = 0; 
     $("ul li input").each(function() { 
     choices[counter] = $(this).val(); 
     counter++; 
     }); 

     console.log(choices[1]); 
     console.log(choices[5]); 

    }); 
};