Невозможно анимировать элементы в правильном порядке?

Question

Невозможно анимировать элементы в правильном порядке?

0

У меня проблема, когда fadeout ждет анимации до конца, прежде чем она начнет исчезать, даже если она должна исчезнуть в первую очередь.

Любой способ сделать это в одно и то же время?

$('.hover-div').mouseout(function() {

        $('div.hidden').fadeOut(); // this happens AFTER the following animations are done

        $('.carousel-bg').animate({
            'top': 112,
            'height': 130
        }, 200);

        $('div.carousel-holder div.text').animate({
            'top': 125
        });
    });

Olivera Kovacevic 21 янв. 2014, в 10:43

Источник

0

Можете ли вы привести отдельный пример с вашей проблемой?
woutr_be 21 янв. 2014, в 08:55
0

На самом деле, нет. Это происходит на странице, где используется какой-то плагин, а его слишком много. В любом случае, возможно ли, чтобы 2 происходили одновременно, это в значительной степени вопрос.
Olivera Kovacevic 21 янв. 2014, в 08:56
0

Да, это возможно, но он не должен вести себя так, даже если он помещен в очередь, сначала должна запускаться первая вызываемая анимация, и таким образом она ставится в очередь, только если это тот же элемент, поэтому что-то еще не так.
adeneo 21 янв. 2014, в 08:58

Показать ещё 1 комментарий

Теги:

jquery

2 ответа

Ещё вопросы

Можете ли вы привести отдельный пример с вашей проблемой?
На самом деле, нет. Это происходит на странице, где используется какой-то плагин, а его слишком много. В любом случае, возможно ли, чтобы 2 происходили одновременно, это в значительной степени вопрос.
Да, это возможно, но он не должен вести себя так, даже если он помещен в очередь, сначала должна запускаться первая вызываемая анимация, и таким образом она ставится в очередь, только если это тот же элемент, поэтому что-то еще не так.

Sudharsan S · Answer 1 · 2014-01-21T07-50-00.000Z

$('.hover-div').mouseout(function() {


        $('.carousel-bg').animate({
            'top': '112px',
            'height': '130px'
        }, 200);

        $('div.carousel-holder div.text').animate({
            'top': '125px'
        }, function() {  $('div.hidden').fadeOut(); });
    });

Это исчезнет в самом конце ... Он хочет этого в начале.

Anup · Answer 2 · 2014-01-21T07-47-00.000Z

Управляйте скоростью отображения в milliseconds Попробуйте следующее:

    $('div.hidden').fadeOut(50);

    $('.carousel-bg').animate({
        'top': 112,
        'height': 130
    }, 200);

    $('div.carousel-holder div.text').animate({
        'top': 125
    }, 200);

Можете ли вы объяснить немного о вашем ответе?
Это просто разница в скорости .. !! просто