如何通過插件添加訪問器方法到元素？

Question

我有一個插件，可將選定的值從下拉菜單轉換爲連接字符串，以便在文本字段中使用。

該插件被稱爲像這樣：

info = $('select'); 
info.my_plugin({ /* plugin options */ }); 

我想這樣做的是該元素（最好是jQuery的集合）上添加一個訪問方法，以便在以後的時間，我可以打電話（在上面的代碼之後）：

info.get_values(); 

這將調用私有方法（在插件中定義）返回當前爲jQuery元素設置的值。

如何修改我的插件來做到這一點？我的插件是當前設置使用這種模式：

$.fn.my_plugin = function(options) {}; 

Answer 1

我建議使用jQuery的.data。像

$.fn.myPlugin = function (options) { 

    var handler = {}; 

    this.data('myPlugin', handler); 

    handler.options = options; 

    handler.getValues = function() { 
     // return some values 
    }; 

    return this; 

}; 

這樣，您的插件暴露的API保持孤立和乾淨。

然後用戶可以做

$('select').myPlugin(); 

// later somewhere else 
$('select').data('myPlugin').getValues(); 

注：我把這個想法很久以前從jQuery的工具。不知道他們是否仍在這樣做。

Answer 2

你將不得不使用其他功能擴展$ .fn對象，像這樣：

$.fn.my_plugin = function(options) { 

    // ...your plugin code, setting the var "concatenatedDropDownString" 

    $.fn.get_values = function(){ 
     return concatenatedDropDownString; 
    }; 

    return concatenatedDropDownString; 
};