jquery插件多时间使用

Question

我创建了一个标签滑块插件，我在我的页面中使用它。

但是当我想要使用它两次时，它只适用于最后一次。

这是代码：

$.fn.tabbed = function(){
height= $(window).height();
children= this.children().eq(0).find('li');
length= children.length;
width= $('.content li').width();
ulwidth=length*width;
ul= this.find("ul.content");

ul.css('width',ulwidth);
children.click(function(){
    margin=$(this).index()*width;
    ul.animate({'margin-left':-margin},1000);
});

}

Answer 1

您没有任何局部变量，使用var来声明它们并且它可能有效。具体来说，您在多次使用插件时会覆盖全局ul变量，这会导致问题，但请不要只修复那个;没有理由使用所有这些全局变量。