最近在用easyui开发系统,遇到一个问题,tabs加载子页面的时候
一般使用href加载子页面,但子页面的$(function() {});或者$(document).ready(function(){});里面的js代码不会自动执行
其他function可以执行,而且子页面单独加载是没问题的,查了很久,原来是打开tab时出现了问题
下面给出解决方法
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发生冲突