1

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

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

在此处输入图像描述

任何建议将不胜感激,因为我不知道如何解决这个问题。

非常感谢

4

1 回答 1

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");
于 2012-06-07T14:46:26.710 回答