0

对于我正在构建的站点，我正在尝试将其他 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');
});
4

2 回答 2

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

于 2013-06-24T04:24:39.430 回答
0

您是否尝试将 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>
于 2013-06-24T03:37:49.247 回答