2012-06-07 112 views
1

内滚动的标签,我们一直在使用这里找到代码,使滚动标签http://jsfiddle.net/mekwall/dECtZ/,它似乎是工作正常,但最近我们把这个手风琴控制里面,我们现在遇到的问题。jQuery的手风琴控制

如果你看看这里:http://jsfiddle.net/dECtZ/188/我已经修改有它的手风琴控制,我们有问题的内部,如果你换标签和交换部分的手风琴几次右边的滚动箭头开始出现,即使有没有足够的项目来保证滚动。

enter image description here

任何建议,因为我在就如何解决这个损失是极大的赞赏。

非常感谢

回答

0

删除下面的代码为我工作:

 $(window).bind("resize.tabs", function(e) { 
       var navWidth = 0; 
       var arrowWidth = navPrev.outerWidth(); 
       nav.find("li").each(function() { 
        navWidth += $(this).outerWidth(true); 
       }); 

       var marginLeft = -(parseInt(nav.css("marginLeft"), 10)), 
        hwidth = self.header.width(); 

       if (navWidth > (hwidth+marginLeft)) { 
        self.header.addClass("ui-tabs-arrow-r"); 
        navNext.show("fade"); 
        if (marginLeft > 0) { 
         self.header.addClass("ui-tabs-arrow-l"); 
         navPrev.show("fade"); 
        } else { 
         self.header.removeClass("ui-tabs-arrow-l"); 
         navPrev.hide("fade"); 
        } 
       } else { 
        self.header.removeClass("ui-tabs-arrows ui-tabs-arrow-l"); 
        navNext.hide("fade"); 
        if (marginLeft > 0) { 
         self.header.addClass("ui-tabs-arrow-l"); 
         navPrev.show("fade"); 
        } else { 
         self.header.removeClass("ui-tabs-arrow-l"); 
         navPrev.hide("fade"); 
        } 
       } 
      }).trigger("resize.tabs"); 
+0

很抱歉,如果我没有让自己清楚,我们要的滚动功能,当有多个选项卡,因为它们是动态的工作添加,但在这种情况下没有足够的标签需要滚动,但箭头仍然出现,但只有当它在手风琴内。感谢您抽出时间发帖,但我现在跳得更有意义。 – user351711