Какой из параметров или атрибутов в данном коде устарел?
Тестирую код
$("#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:19. |