Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Какой из параметров или атрибутов в данном коде устарел? (https://javascript.ru/forum/jquery/49346-kakojj-iz-parametrov-ili-atributov-v-dannom-kode-ustarel.html)

Ленча 08.08.2014 16:16

Какой из параметров или атрибутов в данном коде устарел?
 
Тестирую код
$("#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 - стоит только поднять версию хоть на ступень выше - анимация перестает работать.
Кто тут умер? И есть ли замена?

Aetae 08.08.2014 19:16

Разве сложно пойти и посмотреть, что именно не соответствует официальной документации?

Ленча 08.08.2014 22:41

Спасибо за пинок в нужном направлении. Посмотрено. Пришла к выводу, что это 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();


Я правильно вообще ее прикручиваю?
Не могу найти ошибку(

Aetae 09.08.2014 01:42

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(); //это должно быть внутри функции
}); //здесь у вас пропущена закрывающая круглая скобка

Ленча 09.08.2014 03:09

1) Пользуюсь notepad++ - настроила стили. По дефолту все было одного цвета.
2) В консоль смотрела, но консоль мне почему-то указывала на совсем другую строку. Вот так
Цитата:

SyntaxError: missing ) after argument list


...omplete":function(){
console.log("Анимация завершена")
}, ...

Потому и не смогла найти ошибку.

Спасибо за помощь :)

А, кажется, я поняла почему на другую строчку ...


Часовой пояс GMT +3, время: 21:19.