jQuery 在 Chrome 中加载但不是在 Firefox 中加载，为什么？答案

【问题标题】：jQuery Loads in Chrome but Not Firefox, why?jQuery 在 Chrome 中加载但不是在 Firefox 中加载，为什么？
【发布时间】：2011-09-26 22:54:30
【问题描述】：

我正在使用 Django，并且我有一个 HTML 文件，此行位于 head 标记中：

<script type="text/javascript" src="/path/to/jquery.js"></script>

这在 Chrome 中运行良好，但在 Firefox 3.6.18 中似乎没有效果。（当我在 Firefox 控制台中输入 $ 或 jQuery 时，我收到一个错误，而 Chrome 只是正确显示它。）因此，我的其余脚本无法加载。

我试过strace，看起来文件是，实际上已经加载了。

这可能是什么原因造成的？

更多信息：

我不能发布很多 HTML，但有一些相关部分：

我的 HTML 文件（Django 模板）：

{% extends "my_base.html" %}
{% load stuff %}
{% block head %}
  {{ block.super }}
  <script type="text/javascript" src="/media/jquery_listbox/js/jquery-min.js"></script>
  <script type="text/javascript" src="/media/jquery_listbox/js/ui.core-min.js"></script>
  <script type="text/javascript" src="/media/jquery_listbox/js/ui.dropdownchecklist-min.js"></script>
  <link rel="stylesheet" type="text/css" href="/media/jquery_listbox/css/ui.dropdownchecklist.css" />
{% endblock %}

my_base.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" type="text/css" href="default.css"/>
    {% block head %}{% endblock %}
  </head>
  ...
</html>

【问题讨论】：

在meta 标签中有这一行？真的吗？你的意思是head？
您在 Firebug Net 和 Script 选项卡中看到了什么？
@mehrdad，你能在 firebug net 面板中查看 jqueyr 的状态吗，是像权限被拒绝还是 404 一样抛出
@Felix：哎呀，是的，我做到了，我的错。 >__
@SLaks，@kobe：我在 jQuery 文件的 Net 选项卡中看到 13 毫秒，而 Script 选项卡显示我的脚本很好。

标签： javascript jquery django firefox google-chrome

【解决方案1】：

首先我会清除浏览器缓存。其次，我会将本地 js 文件更改为始终从 Google CDN 中提取

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js" type="text/javascript"></script>

【讨论】：

我认为没有理由强制 jquery 始终来自 Google。特别是如果网站使用 SSL 并且需要其资源是本地的。
他也可以在 (https://)ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js 从 https 加载，或者将协议完全删除为 //ajax。 google..... 从 CDN 提供 js 允许并行下载，这对用户来说更快，在这种情况下，它将在文件上创建一个控件，允许他通过删除一个变量来隔离他的问题。跨度>

【解决方案2】：

如果不查看 HTML 的其余部分，很难判断。安装 Firebug 后，您可以检查 Net 选项卡以确保在 Firefox 中正确请求和返回 jQuery 文件。或者将src 替换为Google's hosted jQuery，即https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js - 如果这样你就知道这是位置问题，而不是代码问题。

【讨论】：

替换 src 没有任何区别。 :(
这一定是 HTML 中其他地方的问题阻止了它的加载。 <script> 标签之前是否有未闭合的引号、cmets 等？我认为我们需要查看完整的 HTML 以进一步提供帮助。
我又发了一些，但我不能发太多，很遗憾。如果您仍然需要我尚未发布的特定部分，请告诉我，我会尽力发布。