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
});