|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
18.09.2011, 10:24 | #1 |
Пользователь
Регистрация: 07.08.2008
Сообщений: 34
|
JQuery - переход по URL после анимации
Доброго времени суток.
Недавно начал разбираться с замечательной вещью JQuery, но столкнулся с одним вопросом, подскажите, если кто знает. Допустим, есть конструкция $(document).ready(function(){ $(".run").click(function(){ $("#content").animate({opacity: "0.0", left: "-=1100"},5000) return false; }); То есть щелкаем по ссылке, основное тело сайта сдвигается влево и исчезает. По моей задумке после этого происходит загрузка целевой страницы. Однако, стоит return false; => ничего не происходит. Ставил true, при этом переход на страницу есть, а анимации - нет. Может, подскажете какую-нибудь функцию в JQuery чтоб изнутри по url прыгнуть после анимации? Заранее благодарен. |
18.09.2011, 11:50 | #2 |
Форумчанин
Регистрация: 30.01.2009
Сообщений: 418
|
точку с запятой не забыл?
$("#content").animate({opacity: "0.0", left: "-=1100"},5000); ссылке надо присвоить вызов не страницы а вызов JS функции, и переход уже осуществять после окончания анимации через locate Последний раз редактировалось Lesha; 18.09.2011 в 11:54. |
18.09.2011, 13:43 | #3 |
Пользователь
Регистрация: 07.08.2008
Сообщений: 34
|
То есть одновременно JS и JQ ? честно говоря слабо представляю как их так слить. Получается что клик на ссылку должен запустить яву, а ява запустить JQuery, после чего выполнить JQ и сделать еще и свою функцию (перейти на страницу) ? Что-то мудрено получается, ИМХО
|
18.09.2011, 16:57 | #4 |
Форумчанин
Регистрация: 30.01.2009
Сообщений: 418
|
Код:
Код HTML:
<html> <head> <script language="JavaScript" src="http://jqbook.narod.ru/page/primer/jquery-1.2.6.js"></script> <script> function anim2() { $('#mydiv').animate({marginLeft : '200px'},5000).queue(function(){ location="http://google.ru"; }); } </script> </head> <body> <div style="width: 200px; height: 200px; background-color: black;" id="mydiv"></div> <a href="JavaScript:anim2()">нажми</a> Последний раз редактировалось Lesha; 18.09.2011 в 17:05. |
18.09.2011, 17:36 | #5 |
Форумчанин
Регистрация: 27.01.2010
Сообщений: 330
|
$(document).ready(function(){
$(".run").click(function(){ $("#content").animate({opacity: "0.0", left: "-=1100"},5000,function(){ //Выполняется после завершения анимации location="http://"; }); }); |
18.09.2011, 21:29 | #6 |
Пользователь
Регистрация: 07.08.2008
Сообщений: 34
|
Благодарю Lesha, разобрался, заработало. Респект за помощь.
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
после ajax загрузки текста - в нем JQuery плагины перестают работать | ADSoft | JavaScript, Ajax | 4 | 11.05.2011 14:12 |
jQuery передать фокус на input после toggle | cssfixer | JavaScript, Ajax | 1 | 05.05.2011 17:56 |
Как запретить переход на определенный URL в Webbrowser? | Marsel737 | Общие вопросы Delphi | 23 | 15.11.2009 19:19 |
Переход на новую строку после пробела | nolz | Общие вопросы Delphi | 7 | 31.08.2009 19:33 |
переход по URL | Juffin | Общие вопросы Delphi | 7 | 29.04.2009 17:12 |