Javascript 克隆内容、追加和前置

我正在尝试使用同位素插件

创建一个无限向上和向下的卷轴

但我在stackoverflow上得到了一些帮助之后，又一次陷入困境。不幸的是，内容只被克隆了一次，但我的目的是在每次用户到达页面底部或顶部时克隆并附加/前置内容

我是jQuery新手，如果您能帮助我调试它，我将不胜感激


听起来你好像在试着做一件事。同位素插件可以与无限滚动插件进行互操作，因此您不应该有问题。下面是一个使用“从”页中的两个选项的示例：

是的，我看到了，但我不想使用新内容，只是克隆现有内容。无限滚动插件对此有用吗？如果你只是链接到当前页面怎么办？将
navSelector
和
nextSelector
添加到你的js中。然后添加链接到当前内容的HTML:
值得一试。对我来说不起作用。现在我又回到了起点。还有其他想法吗？
$(document).ready(function() {
    var $newElements = $(".isotope").first().children().clone();
    $(window).scroll(function() {
      if ( $(window).scrollTop() >= ($('body').height() - $(window).height()) ) {
        $(".isotope").append( $newElements ).isotope( 'appended', $newElements );
        $isotope = $(".isotope").first().children().clone();
      }
      else if ( $(window).scrollTop() == 1 ) {
        $(".isotope").prepend( $newElements ).isotope('reloadItems').isotope({ sortBy: 'original-order' });
        $isotope = $(".isotope").first().children().clone();
      }    
      return false;
    });
}); 

$(function(){

      var $container = $('#container');

      $container.isotope({
        itemSelector : '.element'
      });

      $container.infinitescroll({
        navSelector  : '#page_nav',    // selector for the paged navigation 
        nextSelector : '#page_nav a',  // selector for the NEXT link (to page 2)
        itemSelector : '.element',     // selector for all items you'll retrieve
        loading: {
            finishedMsg: 'No more pages to load.',
            img: 'http://i.imgur.com/qkKy8.gif'
          }
        },
        // call Isotope as a callback
        function( newElements ) {
          $container.isotope( 'appended', $( newElements ) ); 
        }
      );


 });