Взгляните на сценарий main.js
вашего блога. Вы можете вызвать свою пользовательскую функцию при захвате новых элементов с другой страницы. Это моя предлагаемая редакция вашего файла main.js
.
$(window).load(function () {
var $wall = $('#content');
$wall.imagesLoaded(function () {
$wall.masonry({
itemSelector: '.post',
isAnimated: false
});
});
$wall.infinitescroll({
navSelector: '#pagination',
nextSelector: '#pagination li a.pagination_nextlink',
itemSelector: '.post',
loadingImg: "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
loadingText: " ",
donetext: " ",
bufferPx: 100,
debug: false,
errorCallback: function () {
$('#infscr-loading').animate({
opacity: .8
}, 2000).fadeOut('normal');
}
}, function (newElements) {
var $newElems = $(newElements);
$newElems.hide();
$newElems.each(function(value){
value.css("color", get_random_color());
});
$newElems.imagesLoaded(function () {
$wall.masonry('appended', $newElems, {
isAnimated: false,
animationOptions: {
duration: 900,
easing: 'linear',
queue: false
}
}, function () {
$newElems.fadeIn('slow');
});
});
$(document).ready(function () {
$("a[rel^='prettyPhoto']").prettyPhoto({
deeplinking: false,
default_width: 600,
default_height: 550,
allow_resize: true,
});
});
});
$('#content').show(500);
});
function get_random_color() {
var letters = '0123456789ABCDEF'.split('');
var color = '#';
for (var i = 0; i < 6; i++ ) {
color += letters[Math.round(Math.random() * 15)];
}
return color;
}
Что я сделал, так это добавил вашу функцию get_random_color
и вызвал ее из вызова Infinite Scroll, чтобы добавить собственный цвет к каждому из элементов в $newElems
, так что на самом деле все, что я сделал, это взял ваш код и интегрировал его иначе, чем вы. пытались сделать, что не работало. Теоретически это должно сработать. Если это не так или у вас есть вопросы, дайте мне знать.
person
Ally
schedule
21.09.2012
get_random_color
в своем вызовеinfinite_scroll
, когда вы захватываете элементы? - person Ally   schedule 20.09.2012