Question

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

File1中（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），如果这很重要的话。

Answer 1

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

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

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

另外，请尝试为test.html文件提供<body>标记。

Jquery加载 - 替换div

1 个答案: