Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.02.2011, 20:40
Новичок на форуме
Отправить личное сообщение для izlife Посмотреть профиль Найти все сообщения от izlife
 
Регистрация: 17.02.2011
Сообщений: 9

Движущийся блок jquery
Подскажите пожалуйста, есть движущийся блок. Код вот такого вида:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#sidebar ul a").click(function(){
$("#sidebar").animate({opacity: "1", left: "+=240"}, 1200)
});
});
</script>

Вопрос такой, если ставить, return false; то перехода по ссылке не происходит. А мне нужно чтобы происходил, но после полного выполнения скрипта, как это сделать? А то переходит, когда ему вздумается) Заранее большое спасибо за ответ.
Ответить с цитированием
  #2 (permalink)  
Старый 17.02.2011, 21:32
Аватар для SkyLight
Злюка-бобер
Отправить личное сообщение для SkyLight Посмотреть профиль Найти все сообщения от SkyLight
 
Регистрация: 21.03.2010
Сообщений: 438

Сообщение от http://api.jquery.com/animate/
.animate( properties, [ duration ], [ easing ], [ complete ] )
Вешайте на complete функцию, в которой делайте программный переход.
__________________
In WEB We Trust
У всех есть своя темная сторона...
Ответить с цитированием
  #3 (permalink)  
Старый 17.02.2011, 22:15
Новичок на форуме
Отправить личное сообщение для izlife Посмотреть профиль Найти все сообщения от izlife
 
Регистрация: 17.02.2011
Сообщений: 9

SkyLight,
Спасибо большое, я первый скрипт пытаюсь сделать. Должно выглядеть, как:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#sidebar ul a").click(function(){
$("#sidebar").animate({opacity: "1", left: "+=240"}, 1200, complete)
});
});
</script>

Или как? Скрипт начинает работать как раз при клике на ссылке

Последний раз редактировалось izlife, 17.02.2011 в 22:18.
Ответить с цитированием
  #4 (permalink)  
Старый 18.02.2011, 14:59
Новичок на форуме
Отправить личное сообщение для izlife Посмотреть профиль Найти все сообщения от izlife
 
Регистрация: 17.02.2011
Сообщений: 9

Или как вариант, как установить промежуток времени через который срабатывают ссылки?
Ответить с цитированием
  #5 (permalink)  
Старый 18.02.2011, 15:27
Аватар для Skipp
.
Отправить личное сообщение для Skipp Посмотреть профиль Найти все сообщения от Skipp
 
Регистрация: 30.03.2010
Сообщений: 1,813

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#sidebar ul a").click(function(){
$("#sidebar").animate({opacity: "1", left: "+=240"}, 1200, function(){
//этот код вполнится когда закончит свою работу функция animate
})
});
});
</script>
__________________
.
Ответить с цитированием
  #6 (permalink)  
Старый 18.02.2011, 15:39
Новичок на форуме
Отправить личное сообщение для izlife Посмотреть профиль Найти все сообщения от izlife
 
Регистрация: 17.02.2011
Сообщений: 9

Skipp,
Спасибо, но а какой код нужно прописать? Мне не нужна дополнительная функция, нужно чтобы совершился переход по ссылкам #sidebar ul a (это блок с ссылками). Он сейчас происходит, но произвольно не дождавшись выполнения скрипта, хотелось бы чтобы сначала выполнялся скрипт, а потом переход, ну или же поставить задержку на переход по ссылкам.

Заранее спасибо.
Ответить с цитированием
  #7 (permalink)  
Старый 18.02.2011, 15:48
Аватар для Skipp
.
Отправить личное сообщение для Skipp Посмотреть профиль Найти все сообщения от Skipp
 
Регистрация: 30.03.2010
Сообщений: 1,813

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#sidebar ul a").click(function(){
$("#sidebar").animate({opacity: "1", left: "+=240"}, 1200, function(){location.href = this.src;})
});
});
</script>
__________________
.
Ответить с цитированием
  #8 (permalink)  
Старый 18.02.2011, 16:10
Новичок на форуме
Отправить личное сообщение для izlife Посмотреть профиль Найти все сообщения от izlife
 
Регистрация: 17.02.2011
Сообщений: 9

Skipp,
Большое спасибо, он не на что не ругается, но все равно переходит до выполнения функции =( Стер время, за которое должно выполниться, теперь все намного быстрее, но зато хоть успевает.
Ответить с цитированием
  #9 (permalink)  
Старый 18.02.2011, 16:27
Аватар для walik
Профессор
Отправить личное сообщение для walik Посмотреть профиль Найти все сообщения от walik
 
Регистрация: 09.11.2009
Сообщений: 1,101

А если попробовать return false поставить ?
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#sidebar ul a").click(function(){
$("#sidebar").animate({ opacity: "1", left: "+=240"}, 1200, function(){location.href = this.src;});
*!*return false;*/!*
});
});
</script>
__________________
"Всегда пишите код так, будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете."
Мой сертификат :-D клацай
Ответить с цитированием
  #10 (permalink)  
Старый 18.02.2011, 16:46
Новичок на форуме
Отправить личное сообщение для izlife Посмотреть профиль Найти все сообщения от izlife
 
Регистрация: 17.02.2011
Сообщений: 9

walik,
При таком раскладе все ссылки посылают на /undefined
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Показать/скрыть блок Lelja_05 jQuery 10 01.07.2013 20:05
Динамически загружаемая jQuery и jQuery-функции в одном файле 67bytes Общие вопросы Javascript 6 06.03.2013 09:01
2 разных модуля на jQuery - как подключить? finder jQuery 4 23.03.2012 22:29
Блок с сообщением - Javascript или jQuery qwermjk Общие вопросы Javascript 3 12.07.2010 09:48
JQuery + FireFox NOOB jQuery 4 02.11.2009 18:16