Jquery无法在回调函数中访问$(this)

Question

我正在创建一个插件，但它无法访问 $(this)。我的插件的一个简单概述是

(function($){
    $.fn.myPlugin= function(options, callback) {
        return this.each(function(){
                $(this).click(function(){
                      // some plugin works ..

                      callback();
                });
        });
    };

})(jQuery);

然后我将我的插件附加到像这里这样的元素，

$('p').myPlugin({
      // Some options
}, function(){
      alert('first test');
      alert($(this).text());
});

当单击元素 p 时，我收到第一个警报，但我没有收到第二个警报。

回调函数被调用，但无法访问this。 定义或代码有问题吗？任何替代建议也会有帮助

Answer 1

使用 < 而不是 callback(); code>.apply() 为其提供正确的上下文（否则它是 window），如下所示：

callback.apply(this);

您可以在此处查看更新/工作版本。

---

为了在这里获得更完整的概述，如果您想要该回调，您可以传递更多参数，例如，如果您想让选项可用，您可以这样做：

(function($){
  $.fn.myPlugin= function(options, callback) {
    return this.each(function(){
      $(this).click(function(){
        callback.apply(this, [options]);
     });
   });
 };
})(jQuery);

然后像这样调用它：

$('p').myPlugin({
    thing: "thing1"
}, function(opts){
    alert(opts.thing); //thing1
});​

您可以在这里尝试一下，只需添加您想要的任何参数即可想要该数组，将使用这些参数调用 callback() :)

Answer 2

尼克·克拉弗是对的。但要了解发生了什么，请点击以下链接：
http://howtonode.org/what-is-this

Answer 3

您能否发布一个使用自动完成小部件的完整示例？

这就是我想做的...

    $('.suggest').autocomplete({
    source: function(request, response) {
        typ = $(this).getAttr("class").split(" ")[2]
        ....

...但是 this 返回未定义。目前我正在使用 document.activeElement，但我更喜欢 Nick Craver 的方法。