Какой из параметров или атрибутов в данном коде устарел?
Тестирую код
$("#bar")
.css({
"background":"yellow",
"border":"5px solid purple"
})
.animate({
"width":"100px",
"height":"100px"
},
{
"duration":"9000",
"easing":"swing",
"complete":function(){
console.log("Анимация завершена");
},
"step":function(){
console.log("Этап завершен");
},
"queue":"true",
"specialEasing":{
"width":"linear"
}
});
http://jsfiddle.net/cq9dzLbe/2/ Работает только на версии JQuery 1.6.4 - стоит только поднять версию хоть на ступень выше - анимация перестает работать. Кто тут умер? И есть ли замена? |
Разве сложно пойти и посмотреть, что именно не соответствует официальной документации?
|
Спасибо за пинок в нужном направлении. Посмотрено. Пришла к выводу, что это queue
Вот только прикрутить ее правильно у меня не получается. Этот код выполняется без проблем
$("#bar")
.css({
"background":"yellow",
"border":"5px solid purple"
})
.animate({
"width":"500px",
"height":"100px"
},
{
"duration":"9000",
"easing":"swing",
"complete":function(){
console.log("Анимация завершена")
},
"step":function(){
console.log("Этап завершен")
},
"spеcialEasing":{
"width":"linear"
}
});
А вот так не работает
$("#bar")
.css({
"background":"yellow",
"border":"5px solid purple"
})
.animate({
"width":"500px",
"height":"100px"
},
{
"duration":"9000",
"easing":"swing",
"complete":function(){
console.log("Анимация завершена")
},
"step":function(){
console.log("Этап завершен")
},
"spеcialEasing":{
"width":"linear"
}
})
.queue(function() {
alert( "Animation complete." )};
$( this ).dequeue();
Я правильно вообще ее прикручиваю? Не могу найти ошибку( |
1. Обзаведитесь редактором с полноценной подсветкой синтаксиса.
2. Смотрите в консоль(f12). Всегда смотрите консоль. Там вам пишут и где ошибка и что за ошибка. Без этого даже пытаться разрабатывать что-то нет смысла.
$("#bar")
.css({
"background":"yellow",
"border":"5px solid purple"
})
.animate({
"width":"500px",
"height":"100px"
},{
"duration":"9000",
"easing":"swing",
"complete":function(){
console.log("Анимация завершена")
},
"step":function(){
console.log("Этап завершен")
},
"spеcialEasing":{
"width":"linear"
}
}).queue(function(){
alert( "Animation complete." );
$( this ).dequeue(); //это должно быть внутри функции
}); //здесь у вас пропущена закрывающая круглая скобка
|
1) Пользуюсь notepad++ - настроила стили. По дефолту все было одного цвета.
2) В консоль смотрела, но консоль мне почему-то указывала на совсем другую строку. Вот так Цитата:
Спасибо за помощь :) А, кажется, я поняла почему на другую строчку ... |
| Часовой пояс GMT +3, время: 21:09. |