关闭easyui Tabs,有意思的JS异步处理

因业务需要,需要将关闭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         }
原文地址:https://www.cnblogs.com/daxia/p/10754733.html