jquery - 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具体来说，只要您多次使用插件，就会覆盖全局变量，这会导致问题，但请不要只修复那个；没有理由使用所有这些全局变量。