jQuery .load() 调用在 Firefox 中不起作用 - 为什么？答案

【问题标题】：jQuery .load() call doesn't work in Firefox - why?jQuery .load() 调用在 Firefox 中不起作用 - 为什么？
【发布时间】：2011-03-13 10:46:42
【问题描述】：

我是一名使用 jQuery 的新手程序员，想知道是否有人可以帮助我。

基本上，我为我们文章中的社交按钮部分创建了一些 html。

我已经上传了它，目的是使用 jQuery 的 .load() 函数将其拉入每篇文章中。

它适用于 IE7，但不适用于 Firefox 或 Chrome。谁能帮忙解决一下？

<script type="text/javascript">
$(document).ready(function(){

$('#shareBlock').load("http://i.thisis.co.uk/275563/binaries/sharebox.html");

});
</script>

【问题讨论】：

你在firefox中安装了firebug吗？使用网络面板查看发生了什么...
如果是同源问题，IE 可以工作，但会显示安全警告。 Firefox 和 Chrome 将静默失败。

标签： javascript jquery ajax same-origin-policy

【解决方案1】：

根据您 load() 中的 URL 和问题的性质，我相信您遇到了同源问题。如果您的网址是外部网址/以某种方式违反相同来源，您将无法以这种方式加载它。

欲了解更多详情，请查看 - http://en.wikipedia.org/wiki/Same_origin_policy

【讨论】：

您发出请求的站点的 URL 是什么？
IE中没有安全警告，但是div被替换了。我将尝试在同一个 URL 上托管两个页面，看看是否可行
我只是从保存在 Dropbox 上的页面测试它。我怀疑这可能是原因。我会将共享 html 和脚本放在同一个域中。希望这应该有效。 :) 从记者到编码员的学习被证明是相当陡峭的。感谢上帝提供这样的网站。

【解决方案2】：

你能告诉我你是如何在<head>中加载jquery库的吗？

我遇到了同样的问题，我通过用 </script> 结束标签重新调整 /> 来结束脚本标签来解决它。

【讨论】：