Question

我正在通过Ajax加载包含jquery代码的页面内容。 Firefox和Chrome没有问题。在IE中，加载页面中的jquery代码都不会被调用。我该如何解决这个问题？

这是主页：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Bow &amp; Wow Petparazzi on Video</title>
<!-- Include support libraries first -->
<script type="text/javascript" src="jquery-1.6.3.min.js"></script>
</head>

<body style="margin:0px; padding:0px">

<div id="ajax_div">
   <div id="click">click</div>
</div>

<script type="text/javascript">
<!--
$("#click").live('click', function () {
   $.ajax({
      type: "POST",
      url: "targ.php",
      data: "a=a",
      success: function(msg){
         $("#ajax_div").html(msg);
      }
   });
});
-->
</script>
</body>
</html>

这是加载的页面：

<div id="bah">bah</div>

<script type="text/javascript">
<!--
$("#bah").live('click', function() {
   alert("bah");
});
-->
</script>

Answer 1

IE不会在插入的HTML中处理<script>标记。各种AJAX库将通过剥离脚本标记并手动处理它们来解决这个问题。

使用$("#ajax_div").load("targ.php", ...);，它应该有效。

当通过AJAX加载页面时，不会在IE中调用jQuery函数

1 个答案: