javascript - 在最后一个选定元素之后执行函数的 jQuery 插件

Question

我想做的是制作一个不需要 html 包装器的 jQuery 插件来查找我需要的元素，然后执行一个函数。

html:

<div class="tscroll someotherbg"></div>
<div class="tscroll somebg"></div>
<div class="tscroll dia-left"></div>
​

JavaScript:

$(".tscroll").tScroll(); 

并收集所有具有“tscroll”类的元素，然后用它做一些事情。现在它的“构造函数”(由于缺乏更好的词汇，我有 AS3 背景)运行了 3 次。

也许这个 fiddle 会给你更多启发:http://jsfiddle.net/summer/kN9nb/6/ (警告三个警报即将到来)

谢谢!

Answer 1

您的插件按元素工作，因此当您运行 $(".tscroll").tScroll(); 时，init 将为每个具有“tscroll”类的元素运行。 改变你的插件的逻辑，让它像函数一样:

$.tScroll("tscroll");

因此该函数将运行一次，您将拥有可帮助您找到所需元素的类。然后在 init 中你将制作

$(".tscroll").each(function (i, object){
    //your code per element here
});