1

Как мне сделать animate и show асинхронными (Чтобы выполнялись одновременно) ? Пробовал делать так, но не работает

$.when(
    $(".obj1").show(200).promise(), 
    $(".obj2").animate(200).promise())
 .done(function() { //stuff });

Код выше естественно сокращенный, но суть я передал

2
  • Так вам нужно синхронно (одновременно) или асинхронно (не одновременно)??
    – Yuri
    15 фев 2017 в 6:12
  • @yuri в данном случае не знаю как правильно сказать :). Мне нужно одновременно. Есть же синхронный ajax, который выполняется во время выполнения основного кода, то есть строчка по строчке. Вот я тут и путаюсь
    – IC_
    15 фев 2017 в 6:21

1 ответ 1

1

Ваш код, впринципе, рабочий:

$.when(
  $(".obj1").hide(700).promise(),
  $(".obj2").fadeOut(800).promise()
).done(function() {
  console.log('fin')
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="obj1">1</div>
<div class="obj2">2</div>

Анимация выполняется одновременно, по завершении обеих анимаций выполняется код.

Опишите подробнее, что у вас не получилось и что вы хотели сделать.

Как мне использовать коллбэк только от hide

Если вам нужен колбек только от одной анимации, это гораздо проще сделать: Функцию положите 2м аргументом hide() (или show(), или fadeIn() и тд)

  
  $(".obj1").hide(700,function() {
      console.log('fin obj1')
  })
  $(".obj2").fadeOut(1000,function() {
      console.log('fin obj2')
  })
   
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="obj1">1</div>
<div class="obj2">2</div>

6
  • Как мне использовать коллбэк только от hide?
    – IC_
    15 фев 2017 в 6:38
  • @Herrgott ответил в тексте ответа
    – Crantisz
    15 фев 2017 в 6:47
  • Что-то я не очень понимаю, я так делал и анимации все равно исполнялись по-очереди
    – IC_
    15 фев 2017 в 10:23
  • @Herrgott Такое возможно, если назначать анимацию на один объект
    – Crantisz
    15 фев 2017 в 11:29
  • Да, мне надо на один объект, но вроде это сработало, спасибо
    – IC_
    17 фев 2017 в 12:53

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.