javascript - 我无法访问 jquery 插件方法的调用者

Question

我有一个像这样的 jQuery 插件:

(function(e) {
    e.fn.dmHall = function(args) {
        var st = {
            push: 30,
            rtl: false,
        };

        e.extend(st, args);
        var main = e(this);

        e.fn.dmHall.hideThis() = function(args){
            this.hide();
        }

        $('#myelement').click(function(e){
            $(this).dmHall.hideThis();
        });
    }
})(jQuery)

但是这不起作用，如果不将其设置为参数，我无法将 $('#myelement') 作为 hideThis() 方法的调用者。

我想创建一个可以像 hide() 或任何东西一样工作的子方法。

Answer 1

此代码用于插件文件dmHallThisHide新功能已添加到jQuery插件列表中:

(function(e, window, document, undefined) {

    e.fn.dmHallThisHide = function (args) {
        var st = {
            push: 30,
            rtl: false,
        };

        e.extend(st, args);
        var main = e(this);

        this.each(function(index, value) {//this.each is required as selector may get element array
            e(this).hide();
        });

    }

})(jQuery, window, document);

要调用此插件，需要以下代码(可以位于单独的文件中):

$(document).ready(function() {

    $(<<SELECTOR>>).dmHallThisHide();
});

请检查 jQuery 插件样板以获取 jQuery 插件的更详细版本，链接:https://github.com/jquery-boilerplate/jquery-boilerplate