jQuery插件和原型，揭露方法

Question

我有這個真的老了無人維護插件，簡而言之就是結構是這樣的：

插件本身做工精細，但我需要訪問一些原型方法。

var $el = $.find('myEl'); 
$el.searchlight(foo, bar); 
$el.clearResults() //this throws an exception 

當我調用一個原型方法時，我得到一個異常，該方法不存在。我是否在原型上遇到了一些完全錯誤的東西，或者我只是以錯誤的方式使用它（如果需要的話，我可以破解它，因爲它現在已經7年沒有維護了）。

另外一個問題是我如何讓初始化程序返回元素本身，我是否必須在$ .fn.searchlight中添加'return this.each'作爲最後一條語句？

Answer 1

要解決這個問題，您可以將插件的實例存儲在元素的data屬性中。然後，您可以調用該函數法的要求，這樣的事情：

// in plugin: 
$.fn.searchLight = function(url, options) { 
    return this.each(function() { 
     $(this).data('searchlight', new SearchLight(this, url, options)); 
    }); 
}; 

// in the calling code, instantiate 
var $el = $('.searchLightElement').searchLight(foo, bar); 

// then use the methods of the plugin 
$el.data('searchlight').clearResults(); 

Working example