html load不能调用外部js,jQuery .load（）调用不会在加载的HTML文件中执行JavaScript...

jQuery .load()调用不会在加载的HTML文件中执行JavaScript

这似乎只是与Safari有关的问题。 我已经尝试过4在Mac和3在Windows上，仍然没有运气。

我试图加载一个外部的HTML文件，并执行嵌入的JavaScript。

我试图使用的代码是这样的：

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

trackingCode.html看起来像这样(现在简单，但将展开一次/如果我得到这个工作)：

Tracking HTML File

我在IE(6＆7)和Firefox(2＆3)中看到了两条警报消息。 但是，我无法看到Safari中的消息(我需要关心的最后一个浏览器 – 项目要求 – 请不要进行火焰战争)。

为什么Safari会忽略trackingCode.html文件中的JavaScript？

最终，我希望能够将JavaScript对象传递给此trackingCode.html文件，以便在jQuery就绪调用中使用，但是我希望确保在所有浏览器中都可以使用这个对象。

您正在将整个HTML页面加载到div中，包括html，head和body标记。 如果您执行加载操作并在加载的HTML中只有开头脚本，关闭脚本和JavaScript代码，会发生什么情况？

这是驱动程序页面：

jQuery Load of ScriptClick Me

这里是trackingCode.html的内容：

这在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); } ); } ... });

我意识到这是一个较旧的帖子，但对于任何人来到这个页面寻找类似的解决方案…

jQuery.getScript( url, [ success(data, textStatus) ] )

url – 包含请求发送到的URL的字符串。

success(data, textStatus) – 请求成功时执行的回调函数。

$.getScript('ajax/test.js', function() { alert('Load was performed.'); });

如果将HTML字段加载到动态创建的元素中，这似乎不起作用。

$('body').append('

我看着萤火虫DOM，根本没有脚本节点，只有HTML和我的CSS节点。

任何人都遇到过这个？

你已经差不多了。 告诉jquery你只想加载脚本：

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

在trackingCode.html中对此进行测试：

那么我有同样的问题，似乎只发生在Firefox，我不能使用除.load()之外的另一个JQuery命令，因为我正在修改存在的PHP文件的前端…

无论如何，在使用.load()命令之后，我将我的JQuery脚本嵌入到正在加载的外部HTML中，而且它似乎工作正常。 我不明白为什么我加载在主文档的顶部的JS不工作的新内容，但…

我能够通过将$(document).ready()更改为window.onLoad()来解决此问题。