因业务需要,需要将关闭windows窗口内的所有Tabs关闭掉,因此写了个方法,执行结果把我惊了一下。
function closeAllTabs() { var tabsCount = $("#winTabs").tabs("tabs").length;//获得Tabs个数 for (var i = 0; i < tabsCount; i++) {//遍历 $("#winTabs").tabs("close", i);//0~n全部关闭 } }
长期写后端,程序这样写肯定没问题,但是发现前端JS执行可不是按照后端的方式来执行的,其运行结果,只能关闭一半的Tabs标签;
经过调试后发现 $("#winTabs").tabs("close", i) 这个i是正常的加下去的,但是Tabs个数是由于被关闭掉就越来越少,因此执行到一半的时候后面的标签已经不存在了,但是还是继续关下去。
因此纠正代码,只需要将$("#winTabs").tabs("close", i) 这里的i更改为0即可,其原理是我永远只关第一个标签直接结束,解决问题。
1 function closeAllTabs() { 2 var tabsCount = $("#winTabs").tabs("tabs").length;//获得Tabs个数 3 for (var i = 0; i < tabsCount; i++) {//遍历 4 $("#winTabs").tabs("close", 0);//注意这里更改为0了 5 } 6 }