手风琴控制中的jQuery可滚动选项卡

时间:2012-06-07 11:40:26

标签: jquery

我们一直在使用此处的代码制作可滚动的标签http://jsfiddle.net/mekwall/dECtZ/,它似乎工作正常,但最近我们把它放在手风琴控件中,我们现在遇到了问题。

如果你看这里:http://jsfiddle.net/dECtZ/188/我已经修改过将它放在手风琴控制中,我们遇到的问题是如果你在手风琴上交换标签和交换部分几次右边的可滚动箭头开始出现即使没有足够的物品来保证滚动。

enter image description here

任何建议都会非常感激,因为我对如何解决这个问题感到茫然。

非常感谢

1 个答案:

答案 0 :(得分: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");