مشکل در لود شدن اسکریپت بعد از infinite scroll

[021 4]

سلام

من برای عکسهای پستها یه اسکریپت Hover گذاشتم که به درستی کار میکنه و برای لود شدن پستهای بعدی از پلاگین infinite scroll استفاده کردم . وقتی پستهای بیشتری لود میشه تو صفحه , دیگه اسکریپت hover و Fancybox برای عکسها عمل نمیکنه ... مثل اینکه باید واسه infinite scroll یه callback درست کنم . اماهرکاری کردم نشد .. کسی میتونه کمکم کنه . اینم کد infinite scroll و اسکریپتهایی که باید callback بشن :

$(function(){
var $masonrytt = $('#masonry-container');
$masonrytt.imagesLoaded( function(){
	 $masonrytt.masonry({
	 itemSelector: '.mitem',
	 isAnimated: true,
	 columnWidth: 1
	 });
});
$masonrytt.infinitescroll({
	 navSelector : '#page-nav',
	 nextSelector : '#page-nav a',
	 itemSelector : '.mitem',
	 loading: {
	 finishedMsg: 'No more pages to load.'
	 }
},
	 // trigger Masonry as a callback
	 function( newElements ) {
	 var $newElems = $( newElements ).css({ opacity: 0 });
	 $newElems.imagesLoaded(function(){
	 $newElems.animate({ opacity: 1 });
	 $masonrytt.masonry( 'appended', $newElems, true );
	 });
	 }
);
});

// Hover img
if(!(jQuery.browser.msie && parseInt(jQuery.browser.version, 10) < 6)){
// IE sucks at fading PNG's with gradients so just use show hide
// make sure it's not visible to start
jQuery('.hover-content').each(function(){
var overImg = jQuery(this).find('.image-overlay');
jQuery(this).hover(function(){
	 overImg.stop().fadeIn('fast');
},function(){
	 overImg.stop().fadeOut('fast');
});
});
}
// fancybox
jQuery(".fancybox").fancybox({
openEffect : 'elastic',
closeEffect : 'elastic'
});

با تشکر

[Morteza 34190]

از تابع live (برای نسخه زیر 1.9) و یا تابع on (برای نسخه 1.9 با بالا) استفاده کنید ببینید مشکل حل میشه؟