tabs可以添加选项卡,把需要加载的页面加载到tabs子项中,但是大家是否遇到过这样的问题如下代码:
function addTab1(tabId,title,url){
//如果当前id的tab不存在则创建一个tab
if($("#"+tabId).html()==null){
var name = 'iframe_'+tabId;
$('#tt').tabs('add',{
title: title,
closable:true,
cache : false,
//注:使用iframe即可防止同一个页面出现js和css冲突的问题
content : '<iframe name="'+title+'"id="'+tabId+'"src="'+url+'" width="100%" height="100%" frameborder="0" scrolling="auto" ></iframe>'
});
}
}
如果tabls不加<iframe>这个标签的话,估计你的页面加载出来的时候,什么数据都不显示。因为不加载iframe这个标签,那么tab项中的页面中的js就会和主页面中的js发生冲突
使用iframe解决JS冲突
本文介绍了一种在使用tabs组件加载多个页面时避免JavaScript和CSS冲突的方法:通过在每个tab中嵌套iframe来隔离各个页面的上下文环境,确保不同页面间的资源不会相互干扰。
1076

被折叠的 条评论
为什么被折叠?



