add ajax pagination in wordpress blog

add ajax pagination in wordpress blog

For without refresh the data from home page if you want to show the pages and pagination in wordpress blog than you can use the following code for add ajax pagination in wordpress blog.

add ajax pagination in wordpress blog

With the help of jquery you can easily add the pagination wordpress blog site. You just need to add the following code into header.php file.

[viral-lock message=”Source code is Hidden! It’s Visible for Users who Liked/Shared This article on Facebook or Twitter or Google+. Like or Tweet this article to reveal the content.”]

view source
print?
01<!--?<span class="hiddenSpellError" pre="" data-mce-bogus="1"-->php wp_enqueue_script('jquery'); ?>
02<script>
03jQuery(document).ready(function(){
04 // ajax pagination
05 jQuery('#wp_pagination a').live('click', function(){ // if not using wp_pagination, change this to correct ID
06 var link = jQuery(this).attr('href');
07 // #main is the ID of the outer div wrapping your posts
08 jQuery('#main-container').html('<div><h2>Loading...</h2></div>');
09 // #entries is the ID of the inner div wrapping your posts
10 jQuery('#main-container').load(link+' #entries')
11 });
12}); // end ready function
13</script>

[/viral-lock]

just put above code in header.php file in head section. Just make sure that you are putting above code after wp_head function.

add ajax pagination in wordpress blog
add ajax pagination in wordpress blog

If you are not wordpress developer then dont use following code and If you are facing any issue then write to me on support@purabtech.in

Published by

Purab

I am Purab from India, Software development is my profession and teaching is my passion. Programmers blog dedicated to the JAVA, Python, PHP, DevOps and Opensource Frameworks. Purab's Github Repo Youtube Chanel Video Tutorials Connect to on LinkedIn

11 thoughts on “add ajax pagination in wordpress blog”

  2. Hi ,
    I have s:file upload tag in my jsp.and one sx:autocompleter tag.
    if i change the element in sx:autocompleter the ajax to work.
    But the s:file tag is preventing not to work ajax properly.
    Can you give me some idea.Pls…..
    Im trying this for past one week…..
    Thanks in advance.

    Reply

Leave a Reply

Your email address will not be published.