jquery - 如何处理 jQuery 插件中的点击事件？

Question

如何处理插件内的点击事件？一个简单的描述是，我想要一个插件来检测点击，然后更新另一个元素。

用法示例:

$("#some_id").myPlugin("another_id");

示例插件:

(function($){

     $.fn.myPlugin=function(update_id){

     .click({$(update_id).html("content_upated");});

     }

})(jQuery);

我不明白如何在插件内编写 .click 事件的代码。任何例子都会有帮助。谢谢。

Answer 1

你应该做两件事:

1. 使用 this 引用要应用插件的元素
2. Namespace your events ，这样以后就可以轻松解除绑定(bind)

尝试以下操作

(function($){

     $.fn.myPlugin = function(update_id) {

       this.bind("click.myPlugin", function () {
         $(update_id).html("content_upated");
       });

    };

})(jQuery);

您应该阅读 jQuery plugin authoring 上的页面有关如何正确开发 jQuery 插件的更多信息。您缺少其他重要的细节，例如接受参数对象。