最近在用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发生冲突

posted on 2013-03-25 16:22  endora22  阅读(6158)  评论(0编辑  收藏  举报