Question

This is the project i am working on. If you click on BLOGS on my site then the posts will show. Now if you click the post the full view of that particular post will be displayed. But, since i applied the simple pagination on the blog posts page, the full post view will only work on the first page. Following is the pagination loop:

jQuery('#Pagination a').live('click', function(e) { //check when pagination link is clicked and stop its action.
    e.preventDefault();
    var link = jQuery(this).attr('href'); //Get the href attribute
    jQuery('#pcontent').fadeOut(500, function() { //fade out the content area
        jQuery("#loader").show(); // show the loader animation
    }).load(link + ' #pcontent', function() {
        jQuery("#loader").hide();
        jQuery('#pcontent').fadeIn(500, function() { //load data from the content area from paginator link page that we just get from the top
            //hide the loader
        });
    });
});

The full page post view is simple jquery show hide (hide everything else and show the detailed post).

Answer 1

Well I can’t find the js piece that loads the full post that fast, but you’ve probably binded the click functionality with ie. the click or bind function. But those handlers aren’t attached when new ajax content is loaded (using the pagination). Use the on or live functions instead.

NB; do you realise that users with a low-height (read: laptop) screen can’t see the pagination because there is no scroll bar?