我们一直在使用此处找到的代码来制作可滚动的标签http://jsfiddle.net/mekwall/dECtZ/,它似乎工作正常,但最近我们将它放在手风琴控件中,我们现在遇到了问题。
如果你看这里:http: //jsfiddle.net/dECtZ/188/我已经修改为将它放在手风琴控件中,我们遇到的问题是,如果您将手风琴上的标签和部分交换几次,可滚动箭头即使没有足够的项目来保证滚动,右边也会开始出现。
任何建议将不胜感激,因为我不知道如何解决这个问题。
非常感谢
我们一直在使用此处找到的代码来制作可滚动的标签http://jsfiddle.net/mekwall/dECtZ/,它似乎工作正常,但最近我们将它放在手风琴控件中,我们现在遇到了问题。
如果你看这里:http: //jsfiddle.net/dECtZ/188/我已经修改为将它放在手风琴控件中,我们遇到的问题是,如果您将手风琴上的标签和部分交换几次,可滚动箭头即使没有足够的项目来保证滚动,右边也会开始出现。
任何建议将不胜感激,因为我不知道如何解决这个问题。
非常感谢
删除以下代码对我有用:
$(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");