Question

我目前Zend的分页工作非常好，而且我正在尝试整合Paul Irish的无限滚动插件，但据我所知，该插件完全没有区别。页面控件仍然显示在页面底部，当我向下滚动时没有任何反应。这是我的javascript：

$('#grid').infinitescroll({
    navSelector  : "div#paginationControl",
    nextSelector : "#next",
    itemSelector : "#grid div.entry",
    debug : true,
    bufferPx : 200
});

我的分页控制，几乎直接来自zend的文档

<?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">
        &lt; Previous
    </a> |
<?php else: ?>
    <span class="disabled">&lt; 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 &gt;
    </a>
<?php else: ?>
    <span class="disabled">Next &gt;</span>
<?php endif; ?>
</div>
<?php endif; ?>

据我所知，一切都应该正确设置; grid是包含项列表的容器，entry是每个项的类，我在脚本之前包含了插件。我在控制台中没有收到任何javascript错误，但插件没有任何影响。我能做错什么？

Answer 1

这是我错了的itemSelector。我从示例页面复制了它，只是将帖子更改为条目，但是条目类实际上包含在列表元素中，因此正确的代码是itemSelector : "#grid li.entry"。如果任何选择器无效，则无限滚动脚本不执行任何操作并恢复到基础分页系统。

无限滚动插件什么都不做

1 个答案: