在插件中调用jQuery插件公共函数

Question

我知道，网络上有很多示例，但是对于初学者来说，要从中找出真正的示例是很困难的。 所以我想用公共方法创建jQuery插件。 示例代码：

(function($) {
    $.fn.peel = function(options) {
        var defaults = {
        };

        var settings = $.extend({},defaults, options);

        this.public = function() {
            alert("public");
        };

        var private = function() {
            alert("private");
        }

        return this.each(function() {
            //this.public();
            private();
        });
    };
})(jQuery);

正如我发现的那样，这是公开功能的方式，可以这样称呼：

var peel = $('img').peel();
peel.public();

到目前为止，它可以按预期工作-可以调用public（）。 但是，如果我想在插件中调用该函数呢？ 我在this.each（）中将其注释掉，因为它不起作用。 我该如何实现？

Answer 1

在插件中创建可公开访问的方法的一种方法是使用jQuery UI小部件工厂 。 这是jQuery UI用于所有受支持的UI小部件的框架。 一个简单的示例如下所示：

(function( $ ) {
    $.widget( "something.mywidget", {

    // Set up the widget
    _create: function() {

    },

    publicFunction: function(){
        //...
    }
  });
}( jQuery ) );

var $w = $('#someelement').mywidget();

$w.mywidget('publicFunction');