jQuery .load（）调用不会在加载的HTML文件中执行JavaScript
这似乎只是与Safari有关的问题。 我已经尝试过4在Mac和3在Windows上，仍然没有运气。
我试图加载一个外部的HTML文件，并执行嵌入的JavaScript。
我试图使用的代码是这样的：
$("#myBtn").click(function() { $("#myDiv").load("trackingCode.html"); }); trackingCode.html看起来像这样（现在简单，但将展开一次/如果我得到这个工作）：
<html> <head> <title>Tracking HTML File</title> <script language="javascript" type="text/javascript"> alert("outside the jQuery ready"); $(function() { alert("inside the jQuery ready"); }); </script> </head> <body> </body> </html>
我在IE（6＆7）和Firefox（2＆3）中看到了两条警报消息。 但是，我无法看到Safari中的消息（我需要关心的最后一个浏览器 – 项目要求 – 请不要进行火焰战争）。
为什么Safari会忽略trackingCode.html文件中的JavaScript？
最终，我希望能够将JavaScript对象传递给此trackingCode.html文件，以便在jQuery就绪调用中使用，但是我希望确保在所有浏览器中都可以使用这个对象。
您正在将整个HTML页面加载到div中，包括html，head和body标记。 如果您执行加载操作并在加载的HTML中只有开头脚本，关闭脚本和JavaScript代码，会发生什么情况？
这是驱动程序页面：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery Load of Script</title> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("jquery", "1.3.2"); </script> <script type="text/javascript"> $(document).ready(function(){ $("#myButton").click(function() { $("#myDiv").load("trackingCode.html"); }); }); </script> </head> <body> <button id="myButton">Click Me</button> <div id="myDiv"></div> </body> </html>
这里是trackingCode.html的内容：
<script type="text/javascript"> alert("Outside the jQuery ready"); $(function() { alert("Inside the jQuery ready"); }); </script>
这在Safari 4中适用于我。
更新：添加DOCTYPE和html命名空间以匹配我的测试环境中的代码。 经过Firefox 3.6.13测试，示例代码有效。
$("#images").load(location.href+" #images",function(){ $.getScript("js/productHelper.js"); });
John Pick的解决方案的另一个版本之前，这对我来说很好：
jQuery.ajax({ .... success: function(data, textStatus, jqXHR) { jQuery(selecteur).html(jqXHR.responseText); var reponse = jQuery(jqXHR.responseText); var reponseScript = reponse.filter("script"); jQuery.each(reponseScript, function(idx, val) { eval(val.text); } ); } ... });
我意识到这是一个较旧的帖子，但对于任何人来到这个页面寻找类似的解决方案…
http://api.jquery.com/jQuery.getScript/
jQuery.getScript( url, [ success(data, textStatus) ] )
url– 包含请求发送到的URL的字符串。
success(data, textStatus)– 请求成功时执行的回调函数。$.getScript('ajax/test.js', function() { alert('Load was performed.'); });
如果将HTML字段加载到动态创建的元素中，这似乎不起作用。
$('body').append('<div id="loader"></div>'); $('#loader').load('htmlwithscript.htm');
我看着萤火虫DOM，根本没有脚本节点，只有HTML和我的CSS节点。
任何人都遇到过这个？
你已经差不多了。 告诉jquery你只想加载脚本：
$("#myBtn").click(function() { $("#myDiv").load("trackingCode.html script"); });
在trackingCode.html中对此进行测试：
<script type="text/javascript"> $(function() { show_alert(); function show_alert() { alert("Inside the jQuery ready"); } }); </script>
我试图做一个jQuery插件的HTML加载功能。 请参考以下链接。
http://webtech-training.blogspot.in/2010/10/dyamic-html-loader.html
请建议我改进一下。
谢谢，莫汉
那么我有同样的问题，似乎只发生在Firefox，我不能使用除.load（）之外的另一个JQuery命令，因为我正在修改存在的PHP文件的前端…
无论如何，在使用.load（）命令之后，我将我的JQuery脚本嵌入到正在加载的外部HTML中，而且它似乎工作正常。 我不明白为什么我加载在主文档的顶部的JS不工作的新内容，但…
我能够通过将$(document).ready()更改为window.onLoad()来解决此问题。
