0

私は石積み+無限スクロールを使用していますが、divのコンテンツを別のajax呼び出しからのHTMLに置き換える必要がある場合、nav要素が存在してもスクロールが機能しなくなります。

したがって、ページが最初にロードされたときにコンテンツが来ると無限スクロールが機能しますが、このページで div のコンテンツを ajax 呼び出しから来て要素を含む HTML に置き換えると、無限スクロールが機能しなくなります。

何か案が

ここに私のコード

$('#mainContainerHome').infinitescroll({
   navSelector  : '#page-nav',    // selector for the paged navigation
   nextSelector : '#page-nav a',  // selector for the NEXT link (to page 2)
   itemSelector : '.tile',     // selector for all items you'll retrieve
   loading: {
     finishedMsg: 'No more items.',
     img: 'http://i.imgur.com/6RMhx.gif'
     }
   },
   // trigger Masonry as a callback
   function( newElements ) {
     // hide new items while they are loading
     var $newElems = $( newElements ).css({ opacity: 0 });
     // ensure that images load before adding to masonry layout
     $newElems.imagesLoaded(function(){
     // show elems now they're ready
     $newElems.animate({ opacity: 1 });
     $('#mainContainerHome').masonry( 'appended', $newElems, true );
   });
}
);

jQuery..html('xxxxx'); 声明。

div のコンテンツを動的なもの (nav 要素を含む) に置き換えた後、無限スクロールが機能しなくなるためです。

4

1 に答える 1

0

私はこれらのプラグインに詳しくありませんが、すぐに何かが見えると思います。試す：

$('#mainContainerHome').append($newElems).masonry( 'appended', $newElems, true );
于 2012-05-08T00:26:01.010 に答える