1

我正在尝试使用 jQuery 的 load() 从页面加载 ID。这是加载页面的 HTML：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>

<body>
        <section id="content" class="contentPage">
        <h3>Home</h3>
        <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id eros orci. Nam id interdum enim. Ut mauris enim, scelerisque a pellentesque in, molestie eget sem. Ut sagittis erat eget elit euismod laoreet. Vivamus odio mauris, aliquam sed ornare non, tempus nec augue. Proin id lectus elit. Donec pharetra viverra lectus, pellentesque sollicitudin magna gravida pellentesque. Quisque tristique, libero at pulvinar rutrum, neque nunc tincidunt lorem, sit amet varius lorem leo sit amet mi. Quisque vehicula diam in libero aliquet dapibus. Nullam eget arcu a sapien scelerisque fermentum. Integer suscipit magna sed quam aliquet mattis. Suspendisse in erat eu nisi hendrerit bibendum. Aliquam blandit malesuada metus. Duis dapibus consequat ultrices.
        </p>
        </section>
        <!-- end Page1 -->
</body>
</html>

从此我只想加载#content 部分（出于兼容性原因，我无法摆脱除该部分之外的所有内容）。我正在使用变量来调用此函数，但这似乎不起作用：

var firstLink = $("ul > li:first-child > a");   
$("#sectionContainer").load("./" + firstLink.attr("href") + " #content");

其中变量firstLink.attr("href")返回一个链接，例如Pages1.html. 当最后一部分 ( + " #content") 被省略时，脚本可以正常工作。

我认为这会起作用，因为jQuery 的文档指出您可以执行以下操作：

$('#result').load('ajax/test.html #container');

知道我做错了什么吗？或者你不能将这种文本添加到 jQuery 中的变量中吗？

4

2 回答 2

1

如果您正在使用

var firstLink = $("ul > li:first-child > a");   
$("#sectionContainer").load("./" + firstLink.attr("href") + " #content");

然后在第一个链接引用的页面中应该有一个带有 ID 的元素（例如一个 div 或一个部分）content

在您的情况下，您的页面（第一个链接）包含Pages1您可以使用#Pages1的id#content

于 2012-05-16T09:10:01.423 回答
0

此功能有效，只需尝试一下，您的页面中应该有一个“主页”文本：

  $(document).ready(function() {
    $("#content").load(". h3"); // reload in the same page
  });

最常见的问题是 .load() 的第一个参数中的 url。在您的网络控制台中查找 404。然后，尝试：

$("#sectionContainer").load("./Pages1.html #content");

您的页面中有 <base> 吗？绝对网址？

于 2012-05-16T08:56:46.327 回答