I am using jquery-ias.min.js for producing an infinite scrol in my page but the plugin is not displaying anything.. Just the message that "there are no more pages left to load"? i am using this code.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript" src="/_layout/js/jquery-ias.min.js"></script>
<script type="text/javascript">
var ias = $.ias({
container: "#posts",
item: ".post",
pagination: "#pagination",
next: ".next a"
});
ias.extension(new IASSpinnerExtension());
ias.extension(new IASTriggerExtension({
offset: 2
}));
ias.extension(new IASNoneLeftExtension({
text: 'There are no more pages left to load.'
}));
</script>
The response
there are no more pages left to loadmeans the next page doesn't exists.Check if your
nextselector (.next a) is correct, maybe it is not getting the link. If the selector is correct, check your server response for the next page.Update
Your html:
Your selector to get the next link is invalid, if you try
$('.next a')the result will be an empty array. The correct is just.next.Change your initialization to: