$(".globalTabs").each(function(){
var $globalTabs = $(this);
var parent = $globalTabs.parent('form');
//initiate jQuery UI tabs
$globalTabs.tabs();
var ATBwidth = $globalTabs.parent().outerWidth();
var tabsWidth = 0;
//get total width of all li/tabs
$(".globalTabs .ui-tabs-nav li").each(function() {
tabsWidth += $(this).outerWidth();
});
if(tabsWidth >= ATBwidth){
//doing something here
}
});
由于嵌套的.each
,出现了问题 - 是否有简单的方法解决这个问题?
出现了问题 = 第二个循环后,也就是涉及到$globalTabs
的功能不再触发,因为它未定义。
愚蠢的错误:
在第二个循环之后的这一部分中,我两次引用了选择器。
所以,使用$(".globalTabs").each(function(){
当然是行不通的:$globalTabs.find(".globalTabs .ui-tabs-nav li").hide();
与循环无关。
感谢大家的帮助。