Форум

dddaaa11 · #1 (**permalink**) 21.10.2011, 13:20

Всем привет.

Два эффекта выполняются одновременно:

$("#div1").hide();
$("#div2").show();

Подскажите пожалуйста, можно ли сделать так, чтобы сначала выполнялась одна функция (hide) и только после завершения - вторая.

walik · #2 (**permalink**) 21.10.2011, 13:24

$("#div1").hide(function() {
   $("#div2").show();
});

dddaaa11 · #3 (**permalink**) 21.10.2011, 13:28

Спасибо.
А возможно ли без взаимной вложенности это реализовать?

walik · #4 (**permalink**) 21.10.2011, 13:43

$("#div1").hide(500);
$("#div2").delay(500).show();

В .delay() нужно указать время за которое выполняется первая анимация.

dddaaa11 · #5 (**permalink**) 21.10.2011, 13:55

Работает. Но задержка - это по сути имитация очередности.
Дело в том, что я не знаю заранее сколько эффектов будет в цепочке.

Может быть, можно ли сделать что-нибудь, типа

$().animate({}, function(){$("#div1").hide();});
$().animate({}, function(){$("#div2").show();});

ну или выполнить что-то в этом роде... Чтобы эффекты анимации для разных объектов выполнялись друг за другом?

ksa · #6 (**permalink**) 21.10.2011, 14:31

Сообщение от dddaaa11

можно ли сделать что-нибудь, типа

Как вариант вот такого типа...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function() {
	var o=$("#test")
	o.queue(function (){
		$(this).hide(500).dequeue();
	});
	o.queue(function (){
		$(this).show(500).dequeue();
	});
});
</script>
</head>
<body>
<div id='test'>Test...</div>
</body>
</html>

walik · #7 (**permalink**) 21.10.2011, 14:50

$.when($('#div1').hide(), $('#div3').hide(), $('#div4').hide()).done(function() {$('#div2').show()});

ksa · #8 (**permalink**) 21.10.2011, 14:56

walik, автор просил без вложения эффекты вызывать...

И что это за метод when()?

Его описания нет в http://jquery-docs.ru/

walik · #9 (**permalink**) 21.10.2011, 15:34

Сообщение от ksa

walik, автор просил без вложения эффекты вызывать...

Здесь нет вложения эффектов) тут вызываются все эффекты и указывается функция которая будет выполнена по окончанию все цепочки эффектов)

Сообщение от ksa

И что это за метод when()? Его описания нет в http://jquery-docs.ru/

http://api.jquery.com/jQuery.when/
Правильней искать в официальной документации

ksa · #10 (**permalink**) 21.10.2011, 15:54

Сообщение от walik

Здесь нет вложения эффектов)

Тогда покажи как это будет выглядеть если эффектов будет (нпример) 4...

Сообщение от walik

Правильней искать в официальной документации

Там по аглицки...

Форум

Справочник

Discord чат

Курсы javascript