Jquery 宽松不';不行。它等待持续时间并运行动画

Jquery 宽松不';不行。它等待持续时间并运行动画,jquery,jquery-animate,easing,Jquery,Jquery Animate,Easing,我想使用jquery动画和放松,并用它来做,并看到它的工作,但现在我面临一个新的问题。看起来它没有考虑我的配置 $('#sliderContent > #nav').on({ mouseenter: function() { $('.slide-background.cover.present > .slide-background-content').animate({ margin

我想使用jquery动画和放松,并用它来做,并看到它的工作,但现在我面临一个新的问题。看起来它没有考虑我的配置

$('#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');
            }

        });
我正在通过CDN调用jquery.3.4.1和jquery.easing.min.js。我所有的代码都运行良好,没有任何错误。我试过jQueryUI,结果是一样的。我的动画的最后一个结果是,当鼠标离开时,它会等待持续时间(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
在ease设置为ease out时具有过渡效果。

正在设置动画的属性应该是数字-不需要构造“px”字符串。如果这不能解决问题,那么tt可能会帮助您制作一个代码的精简版本,并将其作为一个工作片段或小提琴发布在这里,以便我们可以直接观察问题。现在你的帖子中没有足够的信息来提供有用的回复。谢谢,我不知道数字。这还没解决问题,我会做一个JSFIDLE,然后我的小提琴工作得很好。。是否存在可能影响动画和/或轻松工作的因素?我没有收到任何控制台错误,我正在加载完全相同的库以及一些其他库,如bootstrap、fontawesome、jsvideo,没有什么特别的。在小提琴上做得很好-现在我们知道问题是由您环境中的某些东西引起的,所以我们向前迈出了一大步。我会尝试一个接一个地删除其他LIB,直到问题得到解决,然后再添加一个以确认问题并从那里进行调查。我刚刚发现了问题所在。这是一个CSS动画,设置为ease out,阻止了一切。很高兴知道CSS更强大。谢谢正在设置动画的属性应为数字-不需要构造“px”字符串。如果这不能解决问题,那么tt可能会帮助您制作一个代码的精简版本,并将其作为一个工作片段或小提琴发布在这里,以便我们可以直接观察问题。现在你的帖子中没有足够的信息来提供有用的回复。谢谢,我不知道数字。这还没解决问题,我会做一个JSFIDLE,然后我的小提琴工作得很好。。是否存在可能影响动画和/或轻松工作的因素?我没有收到任何控制台错误,我正在加载完全相同的库以及一些其他库,如bootstrap、fontawesome、jsvideo,没有什么特别的。在小提琴上做得很好-现在我们知道问题是由您环境中的某些东西引起的,所以我们向前迈出了一大步。我会尝试一个接一个地删除其他LIB,直到问题得到解决,然后再添加一个以确认问题并从那里进行调查。我刚刚发现了问题所在。这是一个CSS动画,设置为ease out,阻止了一切。很高兴知道CSS更强大。谢谢