JQuery `.load()` 函数不执行加载页面中的 javascript

我想要做的是加载一个外部 html 文件，并让嵌入的 Javascript 与我在 Loading_Page.html 中的 html 代码一起执行。

我尝试使用的代码是这样的:

$("#myBtn").click(function() {
  $("#myDiv").load("Loading_Page.html");
});

Loading_Page.html 看起来像这样(现在很简单，但会扩展一次/如果我让它工作)。它同时具有 html 和 javascript，所以我需要获取 Html 页面和 javascript。

<html> 
<head>
  <title>Tracking HTML File</title>
  <script language="javascript" type="text/javascript">
    alert("outside the jQuery ready");
  </script>
</head>

<body>

  <div id="first_division"><img src="someimage.jpg" alt="image" /></div>
  <div id="second_division"><p>some text</p></div>
</body>

</html>

但是 Loading_Page.html 页面中的 javascript 没有与 Loading_Page 中的 html 代码一起执行任何关于为什么浏览器忽略 Loading_Page.html 文件中的 Javascript 的想法？

提前感谢您的帮助!

最佳答案

jQuery 加载只会在将脚本标记插入到 div 之前从响应中排除该脚本标记。

参见 this问题。同样的问题发生在那里。

关于JQuery `.load()` 函数不执行加载页面中的 javascript，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12692619/