jquery-mobile - 如何将其用作 jquery 选择器以在文档级别绑定事件

Question

在 jquery mobile 中，swipeleft 事件在绑定到低于文档的元素时会触发两次，因此我必须将 swipeleft 事件绑定到插件选择的所有对象。以下插件将通过以下方式初始化：

$('#mylistview li').myPlugin();

$.fn.myPlugin = function(o){    

    return this.each(function(i, el){
        this.on("swipeleft", function ( e ) {
            ...
}

此代码将 swipeleft 事件绑定到每个元素，但必须在文档级别完成。如何将 THIS 用作 jquery 选择器？上面的代码给出了一个错误

   $.fn.myPlugin = function(o){ 
       return this.each(function(i, el){
                      //how to use "this" as a selector???
           $(document).on('swipeleft', this,  function(event){
            ...
    }

Answer 1

你可以用这种方式重写你的函数：

$.fn.myPlugin = function(o) {
   var selector = this.selector;
   return this.each(function(i, el) {
      $(document).on('swipeleft', selector,  function(event) {
         // Code goes here
      });
   });
}