问题1
同时打开的标签页共享id,导致id冲突
解决方法:抛弃直接使用tab的href属性,使用content,并让content的内容为iframe,iframe再指向对应的href
function openTab(data){
if($("#tabs").tabs("exists",data.title)){
$("#tabs").tabs("select",data.title);
return;
}
var url = data.id;
var mname = data.title;
var href = "${basePath}/"+url;
//直接使用href会导致同时打开的标签页共用id,导致id冲突,所以要使用iframed的方式来避免
var content = "<iframe frameborder='0' src='" + href +"' style='width:100%;height:100%;'></iframe>";
$("#tabs").tabs("add",{
id:mname,
content:content,
title:mname,
closable:true
});
}
原始解决方法来源: