jQuery：插件方法，我如何将东西传递给它们？

Question

最近我一直在为我的网络项目编写很多小插件，但我仍然是插件创作的初学者。

我已经阅读了大量关于 jquery 插件的文章，但我就是无法理解方法。

这是我当前的插件的主要外观：

(function($){

    $.fn.extend({ 

        myHelper: function(options) {

            var defaults = {
                some: 'defaults'
            }

            var options =  $.extend(defaults, options);

            return this.each(function() {
                var o = options;

                function next(target) {
                    // do something like slide to the next image in a slideshow 
                    // based on the target and count passed in
                    slide('right');
                }
                function prev(target) {
                    slide('left');
                }

                function slide(direction) {
                    // animation for sliding in the next one
                    $('ul > li.current').animate({ … }, 800);
                }

                // doesn't exactly make sense but its just to illustrate what I need to do.
                $('.next').click(next($('ul > #example'));


            });
        }
    });

})(jQuery);

我现在所追求的，我认为方法是这里的方法......基本上是不拥有所有这些命名函数来实现微小的功能，而是定义诸如 之类的方法nextSlide、prevSlide、reset、loop 我想你明白了…

你可能已经注意到了我将目标等内容传递到函数中（例如 next()），然后将 next() 作为独立的事物调用。

我现在想开始这样做，只需让一个方法完成所有这些工作，并使我能够在我的 plugin.js 文件中编写类似 $(o.nextBtn 的内容).nextSlide(); 例如。

但是，如何编写一个接受参数（例如本例中的 target）的方法呢？

到目前为止，我发现的所有方法示例和教程基本上都没有接受方法函数参数的选项。这可能吗？

理想情况下，我想让这些函数也可以在我的插件中链接，但这开始让我无法理解。

如果您知道如何创建一些东西，以整齐有序的方式完成我想要完成的任务，或者有一个值得我看的好教程，请分享。

谢谢。

Answer 1

构建 jQuery 插件的推荐方法是将所有方法放入一个数组中，然后使用插件的 main 函数来访问它们。

例如，使用您的一些示例：

function($) {
    var methods = {
      next(target) {
          target.foo();
      }
 };

 $.fn.plugin = 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.tooltip' );
    }    

  };

})( jQuery );

To use it then:
var blah = $('#' + elemID).plugin('init');
blah.plugin('next','#'+ some_other_element);

在这个示例中，blah 是代表您的插件的对象，然后您使用插件的方法来调用函数并传入值。