访问外部 jQuery 和 CSS 文件答案

【问题标题】：Accessing External jQuery and CSS files访问外部 jQuery 和 CSS 文件
【发布时间】：2012-04-20 18:18:24
【问题描述】：

我正在尝试访问 2 个外部 CSS 文件和一个 JS(jQuery) 文件。我像这样将它们添加到我的网站：

<link rel="stylesheet" href="http://www.externalsite.com/css/style.css" type="text/css" />

和

<script src="http://www.externalsite.com/js/jquery.easing.1.3.js"></script>
<script src="http://www.externalsite.com/js/default.js"></script>

在 default.js 中，有一些 jQuery 可以控制我的菜单的下拉菜单。下拉菜单不会出现。当我查看源代码时，HTML 代码是正确的。

我是否正确链接到他的文件？任何想法为什么我没有看到我的下拉菜单？

编辑：

如果这很重要，我正在从 HTTPS 站点链接到 HTTP 站点。

编辑 2：

【问题讨论】：

你在没有https的情况下本地测试过代码吗？
您正在正确链接文件。您确定外部网站没有阻止您对其文件进行热链接吗？
@Raminson - 是的，还是不行
@KevinB - 不，我拥有这两个网站。没有任何内容被阻止。
使用 Firebug 或 Chrome 开发者工具查看浏览器是否正在加载 css 和 js。例如，在 firebug 中，您将在“脚本”选项卡中启用 js，然后尝试选择“default.js”和 jquery。如果您在列表中看到它们并且可以从 firebug 中查看它们的内容，则它们已正确链接并且问题出在其他地方（可能与您的 DOM 选择器有关）。

标签： jquery css

【解决方案1】：

如果这很重要，我正在从 HTTPS 站点链接到 HTTP 站点。

是的，这很重要。安全页面需要安全资源。

如果外部站点支持https，则无需定义协议即可获得：

<script type="text/javascript" src="//www.externalsite.com/js/default.js"></script>

还有there's a similar question。也来看看吧。

【讨论】：

【解决方案2】：

尝试在脚本中添加一个类型，类似这样。

<script type="javascript/text" src="http://www.externalsite.com/js/default.js"></script>

你的 css 有什么问题吗？

【讨论】：

我会试一试。不，CSS 加载正常
你设置了 jquery 库吗？如果不在所有 js 文件之前添加<script type="javascript/text" src="http://code.jquery.com/jquery-1.7.2.min.js">。我建议你用 chrome 检查器或其他东西找到你的问题。
hmmm 听起来您正在正确导入文件，有没有可能是 js 文件导致您出现问题？

【解决方案3】：

也许你忘了导入 jQuery？我只能看到插件的代码...

【讨论】：

【解决方案4】：

我认为问题可能是 https 可能不允许您从外部源执行 javascript 文件，您可以将文件存储在服务器上并改为调用它们。

【讨论】：