17.02.2011, 20:40
|
Новичок на форуме
|
|
Регистрация: 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; то перехода по ссылке не происходит. А мне нужно чтобы происходил, но после полного выполнения скрипта, как это сделать? А то переходит, когда ему вздумается) Заранее большое спасибо за ответ.
|
|
17.02.2011, 21:32
|
|
Злюка-бобер
|
|
Регистрация: 21.03.2010
Сообщений: 438
|
|
Сообщение от http://api.jquery.com/animate/
|
.animate( properties, [ duration ], [ easing ], [ complete ] )
|
Вешайте на complete функцию, в которой делайте программный переход.
__________________
In WEB We Trust
У всех есть своя темная сторона...
|
|
17.02.2011, 22:15
|
Новичок на форуме
|
|
Регистрация: 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.
|
|
18.02.2011, 14:59
|
Новичок на форуме
|
|
Регистрация: 17.02.2011
Сообщений: 9
|
|
Или как вариант, как установить промежуток времени через который срабатывают ссылки?
|
|
18.02.2011, 15:27
|
|
.
|
|
Регистрация: 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>
__________________
.
|
|
18.02.2011, 15:39
|
Новичок на форуме
|
|
Регистрация: 17.02.2011
Сообщений: 9
|
|
Skipp,
Спасибо, но а какой код нужно прописать? Мне не нужна дополнительная функция, нужно чтобы совершился переход по ссылкам #sidebar ul a (это блок с ссылками). Он сейчас происходит, но произвольно не дождавшись выполнения скрипта, хотелось бы чтобы сначала выполнялся скрипт, а потом переход, ну или же поставить задержку на переход по ссылкам.
Заранее спасибо.
|
|
18.02.2011, 15:48
|
|
.
|
|
Регистрация: 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>
__________________
.
|
|
18.02.2011, 16:10
|
Новичок на форуме
|
|
Регистрация: 17.02.2011
Сообщений: 9
|
|
Skipp,
Большое спасибо, он не на что не ругается, но все равно переходит до выполнения функции =( Стер время, за которое должно выполниться, теперь все намного быстрее, но зато хоть успевает.
|
|
18.02.2011, 16:27
|
|
Профессор
|
|
Регистрация: 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 клацай
|
|
18.02.2011, 16:46
|
Новичок на форуме
|
|
Регистрация: 17.02.2011
Сообщений: 9
|
|
walik,
При таком раскладе все ссылки посылают на /undefined
|
|
|
|