I currently have Zend pagination working perfectly fine, and I'm trying to integrate Paul Irish's infinite scroll plugin, but as far as I can tell the plugin is making absolutely no difference. The page controls are still showing up at the bottom of the page, and nothing happens when I scroll down. Here is my javascript:
$('#grid').infinitescroll({
navSelector : "div#paginationControl",
nextSelector : "#next",
itemSelector : "#grid div.entry",
debug : true,
bufferPx : 200
});
And my pagination controls, taken almost directly from zend's documentation
<?php if ($this->pageCount): ?>
<div class="paginationControl" id="paginationControl">
<!-- Previous page link -->
<?php if (isset($this->previous)): ?>
<a href="<?php echo $this->url(array('page' => $this->previous)); ?>" id="previous">
< Previous
</a> |
<?php else: ?>
<span class="disabled">< Previous</span> |
<?php endif; ?>
<!-- Numbered page links -->
<?php foreach ($this->pagesInRange as $page): ?>
<?php if ($page != $this->current): ?>
<a href="<?php echo $this->url(array('page' => $page)); ?>">
<?php echo $page; ?>
</a> |
<?php else: ?>
<?php echo $page; ?> |
<?php endif; ?>
<?php endforeach; ?>
<!-- Next page link -->
<?php if (isset($this->next)): ?>
<a href="<?php echo $this->url(array('page' => $this->next)); ?>" id="next">
Next >
</a>
<?php else: ?>
<span class="disabled">Next ></span>
<?php endif; ?>
</div>
<?php endif; ?>
As far as I can tell everything should be set up correctly; grid is the container containing the list of items, entry is the class of each item, I have the plugin included before the script. I'm not getting any javascript errors in the console, but the plugin just isn't having any effect. What could I be doing wrong?