0

我目前的 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 错误，但插件没有任何效果。我可能做错了什么？

4

1 回答 1

0

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

于 2012-07-21T18:51:22.687 回答