我正在研究博客主题,我需要帮助。我有两个脚本运行,石工和灰度。它们都可以工作,除非无限滚动(石工的一部分)将新照片添加到页面中时,新照片不处于灰度模式。你可以在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}
请务必留意您的JS控制台。您的页面现在正在抛出大约100个错误*一秒*。 – 2012-01-07 18:42:19
@anstosa我现在并不担心这一点。 – 2012-01-08 00:40:35
你应该。如果你的代码部分失败了,他们可能会阻止其他部分执行。如果不修复这个错误,你不能排除它是导致你的问题的间接原因。 – 2012-01-08 02:02:25