在jQuery插件中使用.on（）的最佳方法？

Question

我想为我的网站创建一个jQuery插件。

我将创建事件，并且我想知道什么是处理处理程序的最佳方法。

我担心的是，由于ajax查询而导致DOM html更改时，我们必须保持事件绑定。 经过一些研究，我发现最好的方法是使用jquery中可用的.on（）函数。

这是我尝试过的：

jQuery.fn.wtpicker = function ( params ) {
    var currentSelector = $(this);

    $(document).on('click', currentSelector, function(event) {
        alert('test');
    });

    return this;
}

但这行不通...

live（）已被弃用，如果使用ajax查询动态更改HTML，经典的绑定d.click（）将无法工作...好吧，我迷路了。

我应该指定选择器的dom，例如第二个参数中的“ #whatever div.myclass”。 但由于它是一个插件，我不知道。

为了使其正常工作，我不得不写：

jQuery.fn.wtpicker = function ( params ) {
    var currentSelector = $(this);

    $(document).on('click', '#whatever div.myclass' , function(event) {
        alert('test');
    });

    return this;
}

但是，如果我不想再使用其他选择器，那并不是真正有效。

是否有可能检索插件本身使用的DOM选择器？ 我不想通过dom传递参数。 这不是一个好方法。

非常感谢

Answer 1

如果要选择器而不是选择的元素，请尝试.selector

jQuery.fn.wtpicker = function ( params ) {
    var currentSelector = this.selector;

    $(document).on('click', currentSelector, function(event) {
        alert('test');
    });

    return this;
}

---

从下面的注释中可以看出.selector不能依靠它来提供有效的选择器 ，它在jQuery 1.7中已弃用，在jQuery 2.0中已删除