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()来解决此问题。