我需要将 Expression Engine 与http://www.infinite-scroll.com结合起来。
我尝试了多种将分页与 jQuery 插件相结合的方法，但找不到成功的方法。
我可以通过将我的条目限制为 2 来让它工作（一点点），这可以实现无限滚动，但是由于某种原因，一旦你点击第 2 页，条目会重复吗？例如，我有 6 个条目，一旦我滚动到底部，它会很好地加载接下来的两个条目，但是当我滚动到此页面的底部时，它会重新加载第 4 个条目，当我滚动到第三个“页面”的底部时它重新加载第 5 个条目等……所以我有 2 个条目 4、2 个条目 5 等等……</p>
如果我将限制更改为 3（这是我想要的数量），无限滚动根本不会运行，有什么想法吗？
有没有人成功使用无限滚动和表达式引擎。除了表达式引擎之外，它似乎与所有其他 CMS 系统都可以正常工作。
这是我正在尝试完成的链接：
这是我的代码：
[removed][removed]
[removed]
$('#content').infinitescroll({
// callback : function () { console.log('using opts.callback'); },
navSelector : "#content .navigation",
nextSelector : "#content a.next",
itemSelector : "#content .post",
debug : false,
dataType : 'html',
// behavior : 'twitter',
// appendCallback : false, // USE FOR PREPENDING
// pathParse : function( pathStr, nextPage ){ return pathStr.replace('2', nextPage ); }
}, function(newElements){
//USE FOR PREPENDING
// $(newElements).css('background-color','#ffef00');
// $(this).prepend(newElements);
//
//END OF PREPENDING
window.console && console.log('context: ',this);
window.console && console.log('returned: ', newElements);
});
[removed]
<div id="content">
{exp:channel:entries channel="blog" limit="2" paginate="bottom"}
<section class="post">
<article>
<h1>{title}</h1>
<h2 class="margin">{entry_date format="%d %M, %Y"}</h2>
{blog_copy}
<ul class="social-icons">
<li><span class="st_facebook_custom" st_title="INC Daily - {title}" st_url="{page_url}"><img src="/inc_daily/images/fb-icon.gif" alt=""/> </span></li>
<li><span class="st_twitter_custom" st_title="INC Daily - {title}" st_url="{page_url}"><img src="/inc_daily/images/twitter-icon.gif" alt=""/> </span></li>
</ul>
</article>
{exp:imgsizer:size src="{blog_image}" width="528" height="356"}
<img src="{sized}" width="{width}" height="{height}" alt="" />
{/exp:imgsizer:size}
</section><!-- END POST -->
{paginate}
<div class="navigation">
<span id="paginationtotal" title="{exp:stats channel='blog'}{total_entries}{/exp:stats}"></span>
{if next_page}<a class="next" href="{auto_path}">Next Page</a>{/if}
</div>
{/paginate}
{/exp:channel:entries}
</div>