jQuery绑定和解除绑定

我有以下问题。在我的页面上，我有5个带有name属性的元素。在document ready上，我使用此选择器在单击事件上绑定一个函数：

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

这一切都很好，但在我的页面底部，我有一个按钮，可以在我的页面上加载更多具有相同名称属性的元素。通常，他们的单击事件没有绑定。然后，我做以下工作：

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

---

所有这些都很好，但我的问题是：有没有一种方法可以绑定其余的元素，而不必解除已绑定的元素的绑定？？？

我认为最好的方法是这样，那么您不必担心元素之前是否存在

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

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

---

jQuery是在v.1.7中添加的，这个答案使用了。

我认为最好的方法是这样，那么您就不必担心元素之前是否存在

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

---

jQuery是在v.1.7中添加的，这个答案使用；它叫,对,；是的，你是对的。你的答案比我的好，因为它与提供的代码一起工作。我不希望将所有事件侦听器都附加到文档中，而是希望将“容纳”不断变化的元素的最低级别的父对象。@carter，我们的答案基本相同。我只是使用

文档

玩安全卡，但使用页面加载时在场的家长是个好主意。是的，你是对的。你的答案比我的好，因为它与提供的代码一起工作。我不希望将所有事件侦听器都附加到文档中，而是希望将“容纳”不断变化的元素的最低级别的父对象。@carter，我们的答案基本相同。我只是使用

文档

玩安全卡，但使用页面加载时在场的家长是个好主意。