的jQuery .live（“点击”）似乎只绑定到的第一个元素

Question

所以我有一个页面上的一系列按钮，与其他HTML点缀，看起来像这样：

<input class="add_new_task" type="submit" value="Add New Task"> 
<input class="add_new_task" type="submit" value="Add New Task"> 
<input class="add_new_task" type="submit" value="Add New Task"> 

然后我有我的选择如下：

$JQ('.add_new_task').live('click', function(){ 
    //do some stuff 
}); 

然而，活（“点击”）似乎只绑定到第一个元素，那么什么都不会与第二，第三等元素发生。任何建议，我在做什么

编辑：

原来我太傻了 - 我加了一些错误检查，不允许提交如果一个文本框是空的 - 但我靶向文本框（愚蠢地）由id，而这又是选择与该ID的第一个文本框 - 这确实是空的。现在更改为基于类的选择系统 - 感谢所有答案！

Answer 1

发现这个jQuery开发API网站

在jQuery 1.7的，所述.live（）方法被弃用。使用.on（）附加事件处理程序。

尝试使用其他的。对（）方法相比，这一切看起来好像没什么问题

Answer 2

使用。对（），如果这是jQuery的1.7+

http://api.jquery.com/on/

编辑：另外，根据你在做什么，.on（）可能没有必要。尝试。点击（）...

$JQ('.add_new_task').click(function(){ 
    //do some stuff 
}); 

Answer 3

首先你应该使用。对所有的，因为替换所有事件绑定为1.7，但你可能会使用较低版本偏离航向。 当你使用live时，你想要使用事件委托，这意味着你必须绑定到一个父对象，然后它将处理来自（特定）子元素的特定传播事件。

包装您的输入字段这样

<div id="tasks"> 
    <input class="add_new_task" type="submit" value="Add New Task"> 
    <input class="add_new_task" type="submit" value="Add New Task"> 
    <input class="add_new_task" type="submit" value="Add New Task"> 
</div> 

与此.live一个div应该工作：

$JQ('#tasks').live('click', function(){ 
    //do some stuff 
}); 

小康当然是使用。对这样的（相同的HTML）

$("#tasks").on("click", ".add_new_task", function(event){ 
    //do some stuff 
}); 

http://api.jquery.com/on/