easyui tab IE6不兼容(不显示内容)

easyui tab IE6不兼容(不显示内容)

用easyui搭建界面,IE6不显示tab内容,试着邮件刷新tab,内容出现了,于是采用以下方式(代码刷新tab)解决该兼容问题。

 

原来代码:

function addTab(title, url) {
if ($('#tabs').tabs('exists', title)) {
$('#tabs').tabs('select', title); //选中并刷新
var currTab = $('#tabs').tabs('getSelected');
var url = $(currTab.panel('options').content).attr('src');
if (url != undefined && currTab.panel('options').title != 'Home') {
$('#tabs').tabs('update', {
tab: currTab,
options: {
content: createFrame(url)
}
})
}
} else {
var content = createFrame(url);
$('#tabs').tabs('add', {
title: title,
content: content,
closable: true
});

}
tabClose();
}

修改后代码:

function addTab(title, url) {
if ($('#tabs').tabs('exists', title)) {
$('#tabs').tabs('select', title); //选中并刷新
var currTab = $('#tabs').tabs('getSelected');
var url = $(currTab.panel('options').content).attr('src');
if (url != undefined && currTab.panel('options').title != 'Home') {
$('#tabs').tabs('update', {
tab: currTab,
options: {
content: createFrame(url)
}
})
}
} else {
var content = createFrame(url);
$('#tabs').tabs('add', {
title: title,
content: content,
closable: true
});

}

//添加以下代码兼容IE6
var ieset = navigator.userAgent;
if (ieset.indexOf("MSIE 6.0") > -1) {
var currTab1 = $('#tabs').tabs('getSelected');
setTimeout(function () { refreshTab(currTab1) }, 0);
function refreshTab(refresh_tab) {
if (refresh_tab && refresh_tab.find('iframe').length > 0) {
var _refresh_ifram = refresh_tab.find('iframe')[0];
var refresh_url = _refresh_ifram.src;
_refresh_ifram.contentWindow.location.href = refresh_url;
}
}

//添加以上代码兼容IE6
}
tabClose();
}

原文地址:https://www.cnblogs.com/xiaofeilong/p/3341213.html