Make Infinite Scroll work with theme (shaken grid)? WordPress

Christianto answers:

Hi Andrew,

Done by pm,
I include infinite plugin js and add this code:

jQuery(document).ready(function($) {
// Infinite Scroll jQuery+Wordpress plugin
// Now we're inside, we should be able to use $ again
$('.sort').infinitescroll({
debug : false,
loading : {
img : "http://yoursite.com/wp-content/themes/shaken-grid-premium/images/ajax-loader.gif",
msgText : "<em>Loading the next set of posts...</em>",
finishedMsg : "<em>No More Qoutes for this Category..</em>"
},
state : {
currPage : "1"
},
nextSelector : ".nav-previous a",
navSelector : ".navigation",
contentSelector : ".sort",
itemSelector : ".all",
bufferPx : 0
}, function() {
jQuery('.sort').isotope( 'appended', jQuery( arguments[0] ));
}
);
});

I fix the layout causing by un-equal size of images by firing:
jQuery('.sort').isotope( 'reLayout' );
each time jQuery isotope append its content.

and also put manually triggered code per your request
$(window).unbind('.infscr');
$('.morequote').click(function(e){
e.preventDefault();
$('.sort').infinitescroll('retrieve');
return false;
});

So it will retrieve the content if user only click "More Quotes"

---