1

我有以下问题。在我的页面上，我有例如 5 个具有 name 属性的元素。在文档准备就绪时，我使用这个选择器在他们的点击事件上绑定一个函数：

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

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

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

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

4

2 回答 2

2 
$('#container').on('click', 'span[name="test"]', function(){});
于 2013-09-30T19:43:36.837 回答
2

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

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

jQuery .on()是在 v.1.7 上添加的，这个答案使用event delegate 。

于 2013-09-30T19:43:46.940 回答