关闭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