Question

我有一个wordpress网站，想要使用jquery加载我的页面。我只想加载内容div，所以我将这个URL传递给它：

var url = $(this).attr('href') + "#content";

现在，当我尝试使用ajax加载页面时，它会加载没有#content部分的url。现在它将整个页面加载到我的div而不是仅我想要的部分。

也许它与我的.htaccess有关：

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
# RewriteRule ^index\.php$ - [L]
RewriteRule ^(index\.php/?|intro.html)$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress

有什么想法吗？

Answer 1

我认为在哈希之前你需要一个空格。

这是来自jQuery docs的.load（）示例：

$('#b').load('article.html #target');

所以在你的情况下：

var url = $(this).attr('href') + " #content";

$('#containerDiv').load(url);

Answer 2

你可以使用类似的东西：

$.get(url,function(response){
 content = $("#content",response);
 $('#newContentHere').append(content);
});

Answer 3

你必须使用jquery解析ajax调用返回的数据。

因此，如果要在页面上显示的div的ID为“results”，则您的成功函数将如下所示：

success: function(data) {
    $("content").html($(data).find("results").html());
}

仅使用jquery加载页面的一部分

3 个答案: