jQuery绑定和解绑

Question

我有以下问题。在我的页面上，我有5个带有name属性的元素。在文档就绪时，我使用此选择器在其click事件上绑定一个函数：

   $('span[name="test"]').bind('click',function(){ // code });

一切正常，但在我的页面底部，我有一个按钮，在我的页面上加载了更多具有相同名称属性的元素。通常他们的点击事件没有绑定。然后我做以下事情：

   $('span[name="test"]').unbind('click');
   $('span[name="test"]').bind('click',function(){ // code });

所有这一切都运行正常，但我的问题是：有没有办法绑定剩余的元素而不解绑已经绑定的元素？

Answer 1

$('#container').on('click', 'span[name="test"]', function(){});

Answer 2

我认为最好的就是这个，那么你之前不需要担心元素是否存在。

$(document).on('click','span[name="test"]',function(){ // code });

j.1 .on()已在v.1.7中添加，此答案使用event delegation。