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 次。

也许这个小提琴会给你更多启发：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
});