jquery - 新しい画像をロードした後の無限スクロールとカラーボックス

Question

無限スクロールで新しい画像が読み込まれると、その新しい画像に対するカラーボックスの呼び出しが機能しなくなります。無限スクロール呼び出しで新しいコンテンツをロードした後にカラーボックスが機能するようにするにはどうすればよいですか?

無限スクロール (+ 石積み):

$(function(){

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

$container.imagesLoaded(function(){
  $container.masonry({
    itemSelector : '.wrdLatest',
     columnWidth:15
  });
});

$container.infinitescroll({
  navSelector  : '#nav',    
  nextSelector : '#nav a', 
  itemSelector : '.wrdLatest'  
  },
  function( newElements ) {
    var $newElems = $( newElements ).css({ opacity: 0 });
    $newElems.imagesLoaded(function(){
        $newElems.animate({ opacity: 1 });
        $container.masonry( 'appended', $newElems, true );
    });
  }
);

});

カラーボックス呼び出し:

 $(function() {
    $(".item_popup").colorbox({iframe:true, width:"916", height:"838"});
 });

html:

    <div class="wrdLatest" id="<?=$row['item_id']?>">
         <a class="item_popup" href="popup.php?id=<?=$row['item_id']?>">click</a>
    </div>