如何在jQuery插件回调中使用'this'？

Question

目前我正在创建一个jQuery插件.

使用回调时我遇到了问题.

插件代码

$.fn.bondye = function (options) {
    var settings = $.extend({
        callback: function () {}
    }, options);

    return this.each(function () {
        $(this).addClass('test');
        settings.callback();
    });
};

我想如何执行代码

$(".myDiv").bondye({
    callback: function () {
        $(this).removeClass("test");
    }
});

jsFiddle示例:http://jsfiddle.net/HEJtm/1/

但我不能在回调中对div做任何事情.

我使用http://learn.jquery.com/plugins/advanced-plugin-concepts/来学习开发jQuery插件,但我找不到任何关于回调的信息.

Answer 1

您需要为回调设置上下文.你可以使用call:

settings.callback.call(this);

Answer 2

将其调用为

settings.callback.call(this);

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/call