Question

我正在研究jQuery插件。这是我的第一次，所以如果这是一个愚蠢的问题我会道歉。

我在插件中有几个公共方法。

我试图从插件定义中和插件中调用这些方法的方式类似于public关键字在Java方法中的工作方式，但是我不断收到undefined is not a function错误。

我尝试过几种方式，但仍然无法让它发挥作用。

关于如何做到这一点的任何想法？

以下是我的代码库的一个示例：

$(document).ready(function() { (function($) { // Plugin Definition $.fn.popup = function(options){ // code here... // SUBMIT FORM $(settings.popupSubmitSelector).on("click", function(e) { submitForm(); // call to my method this.submitForm(); $.fn.popup.submitForm(); }); // more code here... // my public method this.submitForm = function(){ // method code here } // more code... } }(jQuery)); });

Answer 1

我想我现在明白你的问题。如果要在同一对象的实例中执行公共方法，则必须正确引用当前实例。在JS中你可以这样做：

var MyObj = function() {
  var instance = this;

  this.publicMethod = function() {
    alert('test');
  }

  var privateMethod = function() {
    instance.publicMethod();
  }

  return this;

}

更新以下是使用代理功能公开功能的插件的基本框架

(function($) {
    var settings = { ... };

    var methods = {
        init: function(options) { ... submitForm() ... },
        submitForm: function() { /* code here */ }
    };

    $.fn.popup = function(method) {
        if (methods[method]) {
            return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
        } else if (typeof method === 'object' || !method) {
            return methods.init.apply(this, arguments);
        } else {
            $.error('Method ' + method + ' does not exist on jQuery.popup');
        }
    };

})(jQuery);

然后您可以通过

从外部访问

$('selector').popup('submitForm');

Answer 2

尝试类似：

$(document).ready(function () {

$(selector).click(function() {
    nameFunc();
});

});

var nameFunc = function () {

//Code

};

OR：

$(document).ready(function () {

$(selector).click(function() {
    OtherFunc();
});

function OtherFunc() {
 //Code
};

});

Answer 3

从Provide Public Access to Secondary Functions as Applicable开始，您可以通过以下方式确定方法：

$.fn.popup.submitForm = function() {
    //method body
};

你可以在插件外部或内部以相同的方式调用它：

$.fn.popup.submitForm();

如何从插件中调用jQuery插件中的公共函数

3 个答案: