html没有加载jquery？（动态内容加载）答案

【问题标题】：html not loading jquery? (dynamic content loading)html没有加载jquery？（动态内容加载）
【发布时间】：2013-06-24 03:35:37
【问题描述】：

对于我正在构建的网站，我正在尝试将其他 html 文件中的内容动态加载到 index.html 中（因此，当您单击导航链接时，它不会加载一个全新的页面，它只会加载在来自不同 html 文件的内容中）。有人告诉我最好的方法是使用 jquery。

我已将 jquery 库包含在我的页面标题中，并且我能够调用代码所在的 .js 文件（它成功加载了警报（'boo'）），但没有任何内容在 jquery 函数中将加载。代码如下：

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"</script>
<script src='js/script.js'></script>

然后在 scrpt.js 文件中：

$(document).ready(function()    {
    $('#content').load('content/index.html');
});

【问题讨论】：

你知道你不会关闭你的第一个脚本标签，对吧？如果你这样做有什么不同吗？您能否提供任何调试信息，还是我们猜测？您的网络选项卡中有什么？看到 HTTP 请求了吗？控制台中有任何内容？
你在加载 jQuery 和 jQuery UI 吗？
提交你没有关闭第一个脚本标签的编辑代码

标签： jquery html

【解决方案1】：

这样做：

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="js/script.js"></script>

...
<div id="content"> </div>
...

<script>
    $(document).ready(function()    {
        $('#content').load('content/index.html');
    });
</script>

确保不要忘记或弄错#content，并确保可以从实际页面访问“content/index.html”。没有理由不工作

编辑：一定不要忘记加载 jquery，因为 jquery != jquery ui

【讨论】：

【解决方案2】：

您是否尝试将 HTTP 添加到对 jquery 的调用中：

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"</script>

另外，您的脚本标签上还缺少一个结束符 >：

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

【讨论】：

这不是解决方案。带有// 的 URL 是有效的，并且将使用当前协议是什么。
@Brad：如果 OP 不使用网络服务器而是直接用浏览器打开 HTML 文件，这很可能是解决方案。
过去我在尝试访问时省略了 http 时遇到了问题：mydomain.com//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery -ui.min.js，我认为这可能取决于网络服务器的设置，但我不确定
@JanR，我不相信你。您可能在链接之前插入了主机名和基本路径。我向您保证，如果您在 HTML 中的 URL 开头使用 //，它将正常工作。
可能，在我的情况下，添加 http 是解决方案:)