|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
12.01.2012, 13:31 | #1 |
Пользователь
Регистрация: 07.08.2008
Сообщений: 34
|
Jquery animate(). Что-то не дошло...
Доброго времени суток.
Начал ковырять квари, но застрял на простейшем примере - нажать на квадрат (обычный див с классом) - квадрат, допустим, уехал вправо и поменял цвет. Нажал на этот же квадрат снова - вернулось всё на свои места. Помогите пожалуйста разобраться. Стили такие: Код HTML:
.box {width: 100px; height: 200px; background: red; position: relative;} .moved { background: green; } Код HTML:
$(document).ready(function(){ $(".box").click(function(){ $(this).animate({left: 200},'slow'); $(this).addClass('moved').removeClass('box'); }); $(".moved").click(function(){ $(this).animate({left: 500},'slow'); $(this).addClass('box').removeClass('moved'); }); }); А вот на второй клик не происходит ничего, хотя класс, судя по цвету, объект поменял... |
12.01.2012, 21:46 | #2 |
Форумчанин
Регистрация: 30.01.2009
Сообщений: 418
|
события на объекты с классом .moved не назначены, так как таких элементов ввобще нет.
а от того что присваивается новый класс к элементу это никак не меняет текущее положение вещей. посему: Код HTML:
<html> <head> <script src="http://jqbook.narod.ru/jquery-1.2.6.js"></script> <script> $(document).ready(function(){ $(".box").click(function(){ if ($(this).hasClass('moved')) { $(this).animate({marginLeft: '-=200px'},'slow'); $(this).removeClass('moved'); } else { $(this).animate({marginLeft: '+=200px'},'slow'); $(this).addClass('moved'); } }); }); </script> <style> .box {width: 100px; height: 200px; background-color: #FF0000;} .moved { background: green; } </style> </head> <body> <div class="box"> </div> <p> <div class="box"> </div> <p> <div class="box"> </div> <p> <div class="box"> </div> <p> <div class="box"> </div> |
13.01.2012, 08:41 | #3 |
Пользователь
Регистрация: 07.08.2008
Сообщений: 34
|
Благодарю Lesha, но, если честно, причина такой конструкции осталась несколько призрачной)) буду разбираться
|
13.01.2012, 09:52 | #4 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Мысли как интерпретатор браузера:
Код:
Alar, верни репу!
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
JQuery | ser70 | JavaScript, Ajax | 2 | 16.08.2010 16:39 |
Изображение в animate | messi013 | Общие вопросы Delphi | 1 | 23.01.2010 00:53 |
jQuery itself | spein | JavaScript, Ajax | 4 | 25.12.2009 22:30 |
animate | blackstersl | Общие вопросы Delphi | 4 | 05.10.2008 11:27 |
Компонент Animate | Stark[SG!] | Компоненты Delphi | 6 | 16.05.2007 11:56 |