使用延迟对象的jQuery插件不起作用

Question

(function ( $ ){            
    $.fn.customAlert = function(callback ){
        buttonClicked().then(function(){
            if (typeof callback == 'function'){
                callback.call(this);
            }
        }, function(){
            alert("didn't work");
        }).always(function(){               
            });
    };    
}( jQuery ));

我正在尝试创建一个自定义提示，这是我到目前为止所拥有的。 按钮出现，然后我调用$.customAlert(...); 在我的JavaScript的另一部分中，但按钮不会产生任何响应。

Uncaught TypeError: Object function (e,t){return new x.fn.init(e,t,r)} has no method 'customAlert'

Answer 1

您正在创建customAlert在$.fn 。 这用于向jQuery选择添加方法。 这就是为什么调用$.customAlert(...); 不管用。 如果希望以此方式调用customAlert ，则应将其分配给$ ，而不是$.fn 。 否则，您将不得不使用$('some selector').customAlert调用它。