jquery - 转换成 jQuery 插件

Question

我需要帮助在 jquery 插件中转换此代码

$({left: 20}).animate({left: 0}, {
  duration: 1000,
  easing:'linear',
  step: function() {
    $('#pp').text(this.left);
  },
  complete: function() {
    $('#pp').text(this.left);
  }
});

我希望值“20”、“0”、“1000”和“#pp”必须传递给这个插件。我该怎么做？

Answer 1

创建 jQuery 插件的链接：

http://learn.jquery.com/plugins/basic-plugin-creation/

这个怎么样：

;(function ($) {

    $.fn.myPlugin = function (options) {    

        // define defaults
        var defaults = {
            left1: 20,
            left2: 0,
            duration: 1000
        };

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

        this.each(function() {

            var $this = $(this);

            $({left: o.left1}).animate({left: o.left2}, {
                  duration: o.duration,
                  easing:'linear',
                  step: function() {
                    $this.text(this.left);
                  },
                  complete: function() {
                    $this.text(this.left);
                  }
            });

        });

        return this;
     }

 })(jQuery);
 // end 

用法是这样的：

$('#pp').myPlugin({
      left1: 20,
      left2: 0,
      duration: 1000
});