0

可能只是一些格式化问题......我已经从stackoverflow检查了不同的例子......但是我仍然不知道为什么“加载”对我不起作用。这里有两个文件:

文件 1(index.html):

<!doctype html>
<html>
    <head>
        <title>Load remote content into object element</title>
        <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    </head>
    <body>
        <div id="siteloader"></div>​
        <script>
            $('#siteloader').load('test.html #content2');
        </script>
    </body>
</html>

文件2(test.html):

<!doctype html>
<html>
    <div id="content1"><p>Some content1</p></div>​
    <div id="content2"><p>Some content2</p></div>​
    <div id="content3"><p>Some content3</p></div>​
</html>

这两个文件位于同一个文件夹中。如果我用浏览器(Iceweasel(Firefox) 或 Epiphany)打开 index.html,我只会得到一个白页。我正在开发一个 Debian(内核:2.6.32-5-amd64),如果这很重要的话。

4

1 回答 1

3

您的选择器字符串不正确。它有太多的引号。另外,我会将您的代码放入$(document).ready()回调中:

$(document).ready(function() {
    $('#siteloader').load('test.html #content2');
});

此外,jQuery 的版本为 1.9.1。我会考虑更新。

另外,尝试给你的test.html文件一个<body>标签。

于 2013-04-16T06:18:10.230 回答