在A.JSP页面的一个DIV中用AJAX加载另一页面B.JSP,B.JSP有LINK一个B.CSS文件,在IE中当A.JSP第一次加载B.JSP的时候是没问题的,当第二次加载的时候显示B.JSP的页面的布局就乱了,而在火狐中就没问题,大家帮忙解决谢谢。

解决方案 »

  1.   

    可能是css某些代码与浏览器冲突了
    你可以根据ajax获取浏览器对象来判断操作
      

  2.   


    如果有冲突的话,那为什么第一次加载就没冲突,第二次加载才有呢?而且我把B.CSS文件从A.JSP页面LINK,
    而不在B.JSP页面LINK的话就可以解决问题,我想这个和冲突关系不大。
      

  3.   

    你所说的第二次加载是指刷新A.JSP页面吗?还是只是利用脚本重新加载B.JSP
      

  4.   

    代码太长了,我大概写一下。另外B.css里面定义了很多CSS。
    A.JSP:
    <html>
    <head>
      <script language='javascript'>
         function includePage(){
            //这里是用JQUERY的AJAX来引入B.JSP页面
            $("#myPage").load("B.JSP");
         }
      </script>
    </head>
    <body>
       <button onclick="includePage();">加载页面</button>
       <div id='myPage'></div>
    </body>
    </htnl>==================================================================
    B.JSP:
    <html>
    <head>
       <link type="text/css" src="B.css">
    </head>
    <body>
       <div>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
    </body>
    </htnl>在IE中,当第一次在A.JSP点BUTTON的时候加载进来的B.JSP布局是正常的,而当第二次点击BUTTON加载进来的时候B.JSP布局就乱了。而在火狐中是一切正常。