Облегчение не работает. Ожидает продолжительность и запускает анимацию - PullRequest
Новая
       50

Облегчение не работает. Ожидает продолжительность и запускает анимацию

1 голос
/ 14 октября 2019

Я хочу использовать jquery animate и easing, привык делать это и видеть, как это работает, но сейчас я сталкиваюсь с новой проблемой. Похоже, что это не принимает во внимание мою конфигурацию.

Я звоню jquery.3.4.1 и jquery.easing.min.js через CDN. Весь мой код работает отлично, никаких ошибок. Я пробовал jquery UI, и это то же самое. Окончательный результат моей анимации состоит в том, что когда мышь уходит, она ждет время продолжительности (200, 3000, что угодно), а затем оживляет marginLeft довольно быстро. Это похоже на то, что продолжительность не учитывается. 

$('#sliderContent > #nav').on({
            mouseenter: function() {
                $('.slide-background.cover.present > .slide-background-content').animate({
                      marginLeft: '+'+$('#nav').outerWidth(true)+'px'
                }, 200 );
            },
            mouseleave: function() {
                $('.slide-background.cover.present > .slide-background-content').animate({
                    marginLeft: '0px'
                }, 1000, 'easeOutBounce');
            }

        });

РЕДАКТИРОВАТЬ: Проблема была на самом деле из CSS. Я обнаружил, что мой DIv с классом .slide-background.cover.present > .slide-background-content имел эффект перехода с легкостью, установленной как easy-out.

...