infiniteScrollをjQuery.htmlコールで追加された動的コンテンツに強制する方法

Question

masonry +無限スクロールを使用していますが、divの内容を別のajaxからのHTMLに置き換えなければならないときは、 nav要素はそこにあります。

ページが最初に無限スクロールを読み込んだときにコンテンツが表示された場合、このページでdivの内容をajax呼び出しのHTMLに置き換え、無限スクロールが機能しなくなります。

任意のアイデアここで

私のコード

私はjQuery..html（「XXXXX」を介して追加されたコードをやり直すし、使用するinfiniteScrollを指示する方法を持っている必要があります

$('#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); 
    }); 
} 
); 

）;ステートメント。

divの内容を動的なものに置き換えた後（nav要素を含む）、無限のスクロールが機能しなくなるためです。

Answer 1

私はこれらのプラグインに精通していませんが、すぐに私は何かを見ると思います。試してみてください：

$('#mainContainerHome').append($newElems).masonry('appended', $newElems, true);