Показывать DIV.bravo только когда DIV.alpha завершил свою .delay ()

Question

Показывать DIV.bravo только когда DIV.alpha завершил свою .delay ()

0

Как я могу показать div.Bravo сразу после того, как div.alpha закончил его .delay(1000)?

Я пробовал следующее и обнаружил, что.bravo иногда появляется, когда. Alpha все еще отображается. Я предполагаю, что выражение if должно использоваться здесь, но я не смог вызвать что-либо, что работает.

$(".alpha").delay(1000).hide(0);
$(".bravo").delay(1000).show(0);

Есть идеи?

user2950370 18 фев. 2014, в 23:47

Источник

Теги:

javascript

jquery

html

2 ответа

1

вы можете поместить его в функцию обратного вызова:

$(".alpha").delay(1000).hide(0, function() {
      //whatever you put here will happen after .alpha finishes hiding
      $(".bravo").delay(1000).show(0);
})

Sammy 18 фев. 2014, в 20:21

Ещё вопросы

Guffa · Accepted Answer · 2014-02-18T19-43-00.000Z

Используйте только одну задержку и одновременно переключайте элементы:

$(".alpha").delay(1000).hide(0, function(){
  $(".bravo").show(0);
});

Или используйте таймаут вместо задержки:

window.setTimeout(function(){
  $(".alpha").hide(0);
  $(".bravo").show(0);
}, 1000);