Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/473.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无限卷轴与表达式引擎的结合_Javascript_Jquery_Expressionengine_Infinite Scroll - Fatal编程技术网

Javascript 无限卷轴与表达式引擎的结合

Javascript 无限卷轴与表达式引擎的结合,javascript,jquery,expressionengine,infinite-scroll,Javascript,Jquery,Expressionengine,Infinite Scroll,我需要将表达式引擎与 我已经尝试了许多将分页与jQuery插件相结合的方法,但没有找到一种成功的方法 我可以通过将我的条目限制为2来让它工作(稍微),这可以实现无限滚动。但是,由于某种原因,一旦你点击第2页,条目会重复吗?例如,我有6个条目,当我滚动到底部时,它会加载下两个条目,但当我滚动到本页底部时,它会重新加载第四个条目,当我滚动到第三个“页面”底部时,它会重新加载第五个条目等等…所以我有条目4中的2个,条目5中的2个等等 如果我把限制改为3(这是我想要的数量),无限卷轴就不会运行了,有什么

我需要将表达式引擎与

我已经尝试了许多将分页与jQuery插件相结合的方法,但没有找到一种成功的方法

我可以通过将我的条目限制为2来让它工作(稍微),这可以实现无限滚动。但是,由于某种原因,一旦你点击第2页,条目会重复吗?例如,我有6个条目,当我滚动到底部时,它会加载下两个条目,但当我滚动到本页底部时,它会重新加载第四个条目,当我滚动到第三个“页面”底部时,它会重新加载第五个条目等等…所以我有条目4中的2个,条目5中的2个等等

如果我把限制改为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>  
[已删除][已删除]
[删除]
$('#content')。无限滚动({
//回调:函数(){console.log('using opts.callback');},
导航选择器:“#content.navigation”,
下一个选择器:#内容a.next“,
itemSelector:“#content.post”,
调试:错误,
数据类型:“html”,
//行为:“推特”,
//appendCallback:false,//用于预结束
//pathParse:function(pathStr,nextPage){return pathStr.replace('2',nextPage);}
},函数(新元素){
//用于预编
//$(newElements).css('background-color','#ffef00');
//$(this).prepend(新元素);
//
//预弯结束
window.console&&console.log('context:',this);
window.console&&console.log('returned:',newElements);
});
[删除]
{exp:channel:entries channel=“blog”limit=“2”paginate=“bottom”}
{/if}
{/paginate}
{/exp:channel:entries}

在修改Paul Irish的示例后,我不久前让它工作了。你可以看到我在这里做了什么:


对于缺乏文档和清晰性表示歉意,希望能有所帮助。

在修改Paul Irish的示例后,我不久前让它工作了。你可以看到我在这里做了什么:


对于缺乏文档和清晰性表示歉意,希望能有所帮助。

如果禁用无限滚动代码,EE分页是否有效?分页是否有效?是的,如果禁用或将限制更改为3,这将禁用无限滚动,并且只有一个带有正常分页的“下一页”。如果禁用无限滚动代码,你的EE分页是否有效?分页是否有效?是的,如果我禁用或将限制更改为3,这将禁用无限滚动,并且只有一个具有正常分页的“下一页”。为此,我使用旧版本使其工作。为此,我使用旧版本使其工作。