Załaduj tylko część strony z jquery

Question

Mam witrynę Wordpress i chcę załadować moje strony za pomocą jquery. Chcę tylko, aby załadować zawartości div, więc mijam ten adres url tak:

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

Teraz, gdy próbuję załadować stronę za pomocą ajax ładuje URL bez części #content. Teraz ładuje całą stronę do mojego div zamiast tylko tej części, której chcę.

Może ma to coś wspólnego z moim .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 

jakieś pomysły?

Answer 1

Można użyć coś takiego:

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

Answer 2

będziesz musiał przeanalizować dane zwrócone przez wywołanie ajax z jquery.

Więc jeśli div chcesz pokazać na swojej stronie ma identyfikator „Wyniki”, czynność sukces będzie wyglądać mniej więcej tak:

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

Answer 3

myślę, że trzeba spację przed hash.

Oto .load() przykład z docs jQuery:

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

więc w Twoim przypadku:

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

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