PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Код в jQuery странно работает

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Описание: аттрибут меняется через раз, почему

Поиск в теме | Версия для печати

flisk	Отправлено: 03 Ноября, 2014 - 21:54:19
Новичок Покинул форум Сообщений всего: 32 Дата рег-ции: Апр. 2011 Помог: 0 раз(а)	Написал код, где объект движется влево (до конца страницы), потом меняется аттрибут src (т.е. картинка) и он движется назад. Если разбить это по двум функциям, все работает как надо: CODE (htmlphp): скопировать код в буфер обмена function right() { $('#fly').attr({"src":""}); $('#fly').attr({"src":"samolet_l.jpg"}); $('#fly').animate({left: $("body").width()},3000); return; } function left() { $('#fly').attr({"src":""}); $('#fly').attr({"src":"samolet_r.jpg"}); $('#fly').animate({left: 0},3000); return; } Работает, если вызывать функции вручную. Если же сделать что-то вида CODE (htmlphp): скопировать код в буфер обмена function... right(); left(); Тогда аттрибут сменится сразу, т.е. не доходя до конца страницы. Все иное отработает нормально. Почему так? Где ошибка? Вот демонстрация. http://fasm[dot]su/fly[dot]htm

dXdYdZ	Отправлено: 03 Ноября, 2014 - 22:17:29
Посетитель Покинул форум Сообщений всего: 271 Дата рег-ции: Нояб. 2013 Помог: 11 раз(а)	Почитайте описание функции animate (http://jquery-docs[dot]ru/effects/animate/ ) У неё есть четвёртый параметр - функция, которая вызывается по окончании анимации. Вот в качестве этой функции и надо указывать функцию left, а не вызывать её сразу же за функцией right(). То есть получается так: CODE (javascript): скопировать код в буфер обмена $('#fly').animate({left: $("body").width()},3000,"linear",left); И вызывать надо только функцию right(), функция left будет вызвана автоматически по окончании анимации в функции right(). Могу, конечно, ошибаться, так как мало работал с jquery, но по идее это делается именно так.

flisk	Отправлено: 03 Ноября, 2014 - 22:23:08
Новичок Покинул форум Сообщений всего: 32 Дата рег-ции: Апр. 2011 Помог: 0 раз(а)	dXdYdZ да, так работает. Большое спасибо!

flisk	Отправлено: 05 Ноября, 2014 - 21:12:03
Новичок Покинул форум Сообщений всего: 32 Дата рег-ции: Апр. 2011 Помог: 0 раз(а)	Еще вопрос. А как программно создать несколько одинаковых объектов? В плане - вот есть самолет, как создать программно несколько самолетов, чтобы они независимо друг от друга летали?

dXdYdZ	Отправлено: 05 Ноября, 2014 - 22:40:55
Посетитель Покинул форум Сообщений всего: 271 Дата рег-ции: Нояб. 2013 Помог: 11 раз(а)	Для этого надо клонировать соответствующий узел DOM столько раз, сколько нужно дополнительных самолётов и отдельно к каждому из этих узлов применить анимацию. (Отредактировано автором: 05 Ноября, 2014 - 23:12:09)

Viper	Отправлено: 06 Ноября, 2014 - 08:10:38
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	flisk пишет: А как программно создать несколько одинаковых объектов? В плане - вот есть самолет, как создать программно несколько самолетов, чтобы они независимо друг от друга летали? http://api[dot]jquery[dot]com/clone/ ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.