无限滚动插件无所作为

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

无限滚动插件无所作为

回答

相关问题