jQuery 插件绑定(bind)到动态创建的元素

Question

以下示例插件不适用于动态创建的元素。

参见JSFIDDLE

$.fn.getData = function() {
    return this.click(function() {
        alert($(this).data("aloc"));    
    }); 
};

$("a").getData();

我可以使用jQuery.livequery插件来做到这一点

$("a").livequery(function() {
    $(this).getData();
});

但想要在我的插件中不使用 livequery 来实现此功能

Answer 1

对于委托(delegate)事件，您需要按照 jQuery 1.7 及更高版本使用 .on() 。在这里，我已经修改了您的代码，如下所示，它按照您的预期工作。

Jquery 代码:

//plugin
$.fn.getData = function () {
   return $(document).on('click', 'a', function () {
      alert($(this).data("aloc"));
   });
};

现场演示:

http://jsfiddle.net/dreamweiver/MSkm6/9/

快乐编码:)