Сочетание бесконечной прокрутки с механизмом выражения - PullRequest
Новая
       14

Сочетание бесконечной прокрутки с механизмом выражения

1 голос
/ 22 февраля 2012

Мне нужно объединить Expression Engine с http://www.infinite -scroll.com .

Я пробовал многочисленные способы объединения нумерации страниц с плагином jQuery, но не могу найти успешный способ сделатьитак.

Я могу заставить его работать (немного), ограничив мои записи до 2, это позволяет бесконечную прокрутку, однако по какой-то причине, когда вы нажимаете страницу 2, записи повторяются?Например, у меня есть 6 записей, когда я прокручиваю до конца, он загружает следующие два штрафа, но когда я прокручиваю до конца этой страницы, он перезагружает 4-ую запись, когда я прокручиваю до нижней части 3-й страницы.он перезагружает 5-ю запись и т. д., поэтому у меня есть 2 из записи 4, 2 из записи 5 и т. д. и т. д. *

Если я изменю ограничение на 3 (сколько мне нужно), бесконечная прокрутка невообще есть идеи?

Кто-нибудь успешно использовал Infinite Scroll with Expression Engine.Кажется, что он отлично работает с КАЖДОЙ другой системой 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>

1 Ответ

1 голос
/ 28 февраля 2012

Я работал некоторое время назад после изменения примера Пола Айриша.Вы можете увидеть, что я сделал здесь:

https://github.com/imjared/projects/tree/master/ee_inf_scroll

Извинения за отсутствие документации и ясности, надеюсь, что это полезно.

...