I have a wordpress website and want to load my pages using jquery. I only want to load the content div, so I pass this the url like this:
var url = $(this).attr('href') + "#content";
Now when I try to load the page using ajax it loads the url without the #content part. Now it loads the complete page into my div instead of only the part that I want.
Maybe it has something to do with my .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
Any ideas?
You can use something like that:
$.get(url,function(response){
content = $("#content",response);
$('#newContentHere').append(content);
});
I think you need a space before the hash.
Here is a .load() example from the jQuery docs:
$('#b').load('article.html #target');
so in your case:
var url = $(this).attr('href') + " #content";
$('#containerDiv').load(url);
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With