2012-01-07 70 views
-2

我正在研究博客主題,我需要幫助。我有兩個腳本運行,石工和灰度。它們都可以工作,除非無限滾動(石工的一部分)將新照片添加到頁面中時,新照片不處於灰度模式。你可以在http://jamestestblog4.tumblr.com看到這個。這是我正在使用的代碼。如果任何人都可以提供幫助,那太棒了。我是JQuery的新手,不知道該怎麼做。如何使jQGreyScale與砌體的無限滾動一起工作?

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script src="http://www.pryde-design.co.uk/projects/jQGreyScale/greyScale.js"></script> 
<script> 
     $(function() { 
     $('.greyScale').hide().fadeIn(1000); 
     }); 
     $(window).load(function() { 
     $('.greyScale').greyScale({ 
      fadeTime: 500 
     }); 
    }); 
</script> 

{block:IndexPage} 
<script src="http://masonry.desandro.com/jquery.masonry.min.js"></script> 
<script src="http://masonry.desandro.com/js/jquery.infinitescroll.min.js"></script> 
<script> 
$(function(){ 
var $container = $('#content'); 
$container.imagesLoaded(function(){ 
$container.masonry({ 
itemSelector: '#entry', 
isAnimated : true 
}); 
}); 

$container.infinitescroll({ 
navSelector : '#page-nav', 
nextSelector : '#page-nav a', 
itemSelector : '#entry', 
loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png", 
loadingText : " ", 
donetext : " ", 
isAnimated : true 
}, 

function(newElements) { 
var $newElems = $(newElements).css({ opacity: 0 }); 
$newElems.imagesLoaded(function(){ 
$newElems.animate({ opacity: 1 }); 
$container.masonry('appended', $newElems, true); 
}); 
} 
); 

}); 
</script> 
{/block:IndexPage} 
+0

請務必留意您的JS控制檯。您的頁面現在正在拋出大約100個錯誤*一秒*。 – 2012-01-07 18:42:19

+0

@anstosa我現在並不擔心這一點。 – 2012-01-08 00:40:35

+0

你應該。如果你的代碼部分失敗了,他們可能會阻止其他部分執行。如果不修復這個錯誤,你不能排除它是導致你的問題的間接原因。 – 2012-01-08 02:02:25

回答

2

我想你應該你newElements回調改變這樣的事情:

function(newElements) { 
    var $newElems = $(newElements).css({ opacity: 0 }); 
    $newElems.imagesLoaded(function() { 
     $newElems.animate({ opacity: 1 }); 
     $container.masonry('appended', $newElems, true); 
     $newElems.greyScale({ 
      fadeTime: 500 
     }); 
    }); 
} 
+0

不,這沒有奏效。 :( – 2012-01-08 00:40:17

+0

這是否終於工作? – Behrang 2012-01-08 07:36:50