如何更改jQuery插件的屬性

Question

例如我有jQuery插件，我調用一個init方法，像這樣一些atrributes：

jQuery(document).ready(function($) { 
    $('#someid').somePlugin({ 
          animation : 'fadeIn', 
          speed : '1000', 
          easing : 'swing' 
         }); 
}); 

讓我們假設我還有頁面上的HTML鏈接。是否有可能以某種方式通過點擊html鏈接來改變這個插件的init函數的屬性值？
所以，通過點擊鏈接我想改變速度屬性，而不刷新頁面。如果可能，實施這一行動的最佳方式是什麼？

或者我應該先改變插件代碼中的內容。 插件的代碼：

(function($) { 
    $.fn.extend({ 
     somePlugin: function(options) { 

      var defaults = { 
       speed : 500, 
       animation : 'fadeIn', 
       easing : false 
      } 

      var options = $.extend(defaults, options); 
      var speed = options.speed; 
      var easing = options.easing; 
      var animation = options.animation; 

      return this.each(function() { 
       var obj = $(this); 
       //some action here 
      }); 
     } 
    }); 
})(jQuery); 

Answer 1

是的，你可以做這樣的：

$('#someid').somePlugin('option', 'animation', 5000); 

此外，您可以一次通過更改多個選項：

$('#someid').somePlugin('option', {animation: 5000, otherOption: 'blah'}); 

我應該提到這只是適用於某些如果您使用「官方」jQuery插件。很多插件作者都堅持這種設計模式，但並非都是這樣。另外，如果您使用jQuery UI Widget Factory開發插件，則可免費獲得此功能。

---

編輯：由於OP正在創作他自己的插件，我們可以展示如何利用自定義插件來促進此功能的示例。直接從jQuery plugin authoring page取得：

(function($){ 
    var methods = { 
    init : function(options) { 
     //Extend options here with your 
     //defaults and init your plugin 
    }, 
    option: function(key, value){ 
     options[key] = value; 
    } 
    }; 

    $.fn.somePlugin = function(method) { 
    // Method calling logic 
    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 { 
     //some error that method doesnt exist 
    }  

    }; 

})(jQuery); 

$('div').somePlugin({someOption: true}); 
//..later 
$('div').somePlugin('option', 'someOption', false);