分離在jQuery插件匹配選擇器要素的狀態

Question

演示：http://jsfiddle.net/waitinforatrain/7Uzhg/2/

我重寫從.srt文件顯示字幕一個jQuery插件。顯示字幕的div包含屬性data-video（關聯的HTML5視頻對象的ID）和data-srt（包含字幕文件的URL）。

的想法是，如果我寫

$('.srt').srt(); 

這將加載，並從與類SRT的所有元素髮揮的字幕。

jQuery插件中有一個名爲playSubtitles的方法，它執行主要工作。它有一個整數currentSubtitle，它保存當前要播放的字幕的索引。

問題是，如果$('.srt')匹配多個元素，他們都將共享currentSubtitle變量，我不知道如何將它們分開。

Answer 1

你需要each來包裝你的插件代碼，所以每一個選擇都有自己的變量副本：

$.fn.srt = function() { 
    return this.each(function() { 
     var currentSubtitle; 
     var self = $(this); 
     return $.extend(self, { 
      playSubtitles: function(...) { 
       ... 
      } 
     }); 
    }); 
});