当前位置：首页 → 问答吧 → jquery load方法把一个页面载入到主页面的一个div中，载入页面的javascript消失了

jquery load方法把一个页面载入到主页面的一个div中，载入页面的javascript消失了

时间：2009-07-23

来源：互联网

1、index.html里面有两个div，一个是id是menu，另一个是work，代码如下

<html>
<head>
   <script type="text/javascript" src="jquery.js"></script>
   <script type="text/javascript" src="index.js"></script>
</head>

<body>
<div id="menu">
<input type="button" id="btnMenu" value="menu1">
</div>
  <div id="work"> </div>
</body>
</html>

2、在index.js中对btnMenu绑定事件

$(document).ready(function(){

$("#btn1").click(function () {
$("#work").load("load.html");
});
});

3、被载入的页面load.html只包含一个按钮,代码如下：
<html>
<head>
   <script type="text/javascript" src="jquery.js"></script>
   <script type="text/javascript" src="load.js"></script>
</head>

<body>
<input type="button" id="btn" value="menu1">
</body>
</html>

4、在load.js中对btn绑定事件
$(document).ready(function(){

$("#btn").click(function () {
alert("btn1");
});
});

5、测试结果是，在IE6和firefox中都可以正常载入load.html，但firefox中点击load.html的按钮不会执行alert("btn1")，IE6可以。

6、问题是怎么样才能使firefox中也能执行btn的点击事件。好像所有在load.js里的代码都失效了。谢谢大家！

作者: alexwyl 发布时间: 2009-07-23

楼主试试把load.html中的<script type="text/javascript" src="jquery.js"></script>去掉看看

作者: marsmars19 发布时间: 2009-07-23

引用

引用第1楼marsmars19于2009-07-23 16:37发表的 :
楼主试试把load.html中的<script type="text/javascript" src="jquery.js"></script>去掉看看

谢谢！
用楼上的方法，好像可以了，但当被加载的页面中包含：
<script type="text/javascript" src="jslib/jquery.multifile.js"></script>
<script type="text/javascript" src="jslib/jquery.metadata.js"></script>
时，第一次load正常，第二次就提示：
$.fn.MultiFile.intercepted[method] is undefined
anonymous()main.html (line 449)
anonymous()main.html (line 47)
anonymous()main.html (line 527)
anonymous(function())jquery-1.3.2.js (line 2964)
anonymous(function(), Object name=context)jquery-1.3.2.js (line 83)
anonymous(function(), Object name=context)jquery-1.3.2.js (line 26)
anonymous()main.html (line 525)
[Break on this error] (449 out of range 37)
不知该如何解决？

作者: alexwyl 发布时间: 2009-07-26

jquery load方法把一个页面载入到主页面的一个div中，载入页面的javascript消失了

热门阅读

热门下载