0
<script>
$(window).load(function() {
var $wall = $('#content');
$wall.imagesLoaded(function() {
$wall.masonry({
itemSelector: '.oddpost',
isAnimated: true
});
$(".oddpost").each (function (idx, el) {
if ($(el).position().left < $(el).width()) {
$('.rightarrow', el).show();
}
else {
$('.leftarrow', el).show();
}
});
});
$wall.infinitescroll({
navSelector: '#pagination',
nextSelector: '#pagination li a.pagination_nextlink',
itemSelector: '.oddpost',
loadingImg: "http://static.tumblr.com/qrevc1p/WTKlx2dsg/gsnjnwui-um.gif",
loadingText: " ",
donetext: " ",
bufferPx: 100,
debug: false,
errorCallback: function() {
$('#infscr-loading').animate({
opacity: .8
}, 2000).fadeOut('normal');
}
}, function (newElements) {
var $newElems = $(newElements);
$newElems.hide();
$newElems.imagesLoaded(function() {
$wall.masonry('appended', $newElems, {
isAnimated: true,
animationOptions: {
duration: 900,
easing: 'linear',
queue: false
}
}, function() {
$newElems.fadeIn('slow');
});
});
});
$('#content').show(500);
});
</script>
我在Tumblr主題上使用該腳本,我正在對其應用砌體和無限滾動。這是一個雙列布局,因此div只能向左或向右。除了在主題上應用砌體之外,它還在向左側的div上放置箭頭(.rightarrow),向右側放置箭頭(向左箭頭)。jQuery砌體和無限滾動標題
到目前爲止,所有這一切都工作得很好。我的問題從下一頁加載時開始。顯然,箭頭代碼僅適用於第一頁,而不適用於新添加的元素。我嘗試過在代碼的不同部分迭代箭頭代碼,但我沒有對它進行任何操作。這真的開始迷惑我了。我對jQuery並不陌生,但我真的很難嘗試這個工作。
有人可以告訴我哪一部分我應該把箭頭代碼,所以它也適用於新添加的div?
耶!非常感謝!第一個使所有左側的箭頭出現在右側。但第二個做到了。再次感謝! – Adrengski 2012-01-07 08:02:48