Сейчас скрипт работает на jQ2 , а на jQ3 работает некорректно.
Подскажите пожалуйста, что менять чтобы он заработал на jQ3. Может быть дадите ссылку на на документацию, которая поможет разобраться?
$(document).ready(Bricks);
function Bricks(){
var settings = {
container : $('.container-preloader').children('ul'),
height : $(document).height()/2-45, //35 = 1/2 heigh li
width : $(document).width()/2-240, //200 = count li * li.width
}
settings.elWidth = settings.width;
settings.container.find('li').each(function(i,el){
settings.elWidth += 60;
$(el).css('top','40vh');
if(i != 0){
$(el).css('left',settings.elWidth);
}
});
addSettings(settings);
function addSettings(settings){
settings.elements = settings.container.find('li');
settings.first = settings.elements.first();
settings.last = settings.elements.last();
bricksAnimate(settings);
}
function bricksAnimate(settings){
settings.first.stop().animate({
left: settings.width+60
},450, function() {
/* stuff to do after animation is complete */
settings.last.prevAll().andSelf().each(function(i, el){
var elPositionLeft = parseInt($(el).css('left'));
$(el).stop().animate({
left: elPositionLeft + 60
},700, function() {});
})
/* stuff to do after animation is complete */
settings.last.stop().animate({
left: settings.width+330
},500, function() {
/* stuff to do after animation is complete */
settings.last.delay(30).stop().animate({
top: settings.height*2
},500, function() {
/* stuff to do after animation is complete */
$(settings.last).prependTo(settings.container);
settings.last.css({'top': '40vh', 'left':'-74px'});
addSettings(settings);
});
});
});
}
}
$(window).resize(Bricks);
