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

Question

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

Answer 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

Answer 2

您是否尝试过在调用jquery时添加HTTP：

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

你也错过了结束＆gt;在你的脚本标签上：

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