無限滾動插件無所作爲

我目前有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; ?>

就當作我可以告訴一切;網格是包含項目列表的容器，項目是每個項目的類別，我在腳本之前包含插件。我在控制檯中沒有收到任何javascript錯誤，但該插件沒有任何影響。我可能做錯了什麼？

來源

2012-07-21 jaimerump

我們可以有你的網頁演示。它將幫助我們看到HTML和JS並解決問題。 – user1269989 2012-07-21 15:52:40

你可以在這裏看到它的行動http://completeset.us/organizer – jaimerump 2012-07-21 15:53:35

你必須給分頁nextSelector：「a＃next：last」進入你的jquery初始化。試着看無限滾動頁面上的演示，它會給你更多的想法。 – user1269989 2012-07-21 16:03:30

這是itemSelector我錯了。我從示例頁面複製了它，並簡單地將帖子更改爲條目，但入口類實際上包含在列表元素中，所以正確的代碼是itemSelector : "#grid li.entry"。如果任何選擇器無效，無限滾動腳本將不執行任何操作並返回到基礎分頁系統。

來源

2012-07-21 18:51:22 jaimerump

無限滾動插件無所作爲

回答

相關問題