使用easyui框架如果頁面打開太多可能導致頁面加載緩慢的問題,下面我們看看代碼怎么寫:
var $tab = $('#tabs'); var tabCount = $tab.tabs('tabs').length; var hasTab = $tab.tabs('exists', title); var aaaa; var content; if ((tabCount <= nav_MaxCount) || hasTab) { btn_cancelClick(); aaaa = $('#tabs').id; $('#tabs').tabs('close', title); content = '<iframe scrolling="auto" frameborder="0" id="' + id + '" src="' + url + '" style="width:100%;height:100%;"></iframe>'; $('#tabs').tabs('add', { title: title, content: content, closable: true }); } else $.messager.confirm("系統提示", '您當前打開了太多的頁面,如果繼續打開,會造成程序運行緩慢,無法流暢操作!', function (b) { if (b) { btn_cancelClick(); aaaa = $('#tabs').id; $('#tabs').tabs('close', title); content = '<iframe scrolling="auto" frameborder="0" id="' + id + '" src="' + url + '" style="width:100%;height:100%;"></iframe>'; $('#tabs').tabs('add', { title: title, content: content, closable: true }); } });
這段代碼: if ((tabCount <= nav_MaxCount) || hasTab) { 就是判斷tab是否大於最大數,當日nav_MaxCount可以隨便給一個整數就行。
給個效果圖片: