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 に答える