jQuery插件不止一次在页面上..不工作

Question

创建幻灯片jQuery插件，但无法在单个页面上使用多个幻灯片显示..顶部滑块功能完美，但第二个根本不起作用。试图到处搜索，找不到任何关于此的信息。感谢任何见解和帮助：

实施例： http://www.matthewruddy.com/slider/slider.html

代码： http://pastebin.com/JCAp8X7E

Answer 1

编辑：我误读了原来的问题，因此删除了原来的答案。希望下面的答案可以帮助解决这个问题。

以下链接http://jqfundamentals.com/book/ch08s05.html是一篇关于如何构建有状态jQuery插件的文章。它使用jQuery.widget插件系统，它是jQuery UI的一部分，但可以在没有UI组件的情况下使用。从这个插件系统中获得的主要好处之一是传入的上下文总是一个对象，而不是DOM元素，如果用户在元素集合上调用插件，则为每个元素创建一个新实例。集合，vs将集合传递给插件本身。

我个人在编写jQuery插件（或使用jQuery.widget插件系统）方面没有太多经验，但看起来这个新的插件系统是专门为帮助构建在多个元素中正常工作的有状态插件而构建的。 / p>