在jQuery中，如何顺序执行一个函数而不是同时执行？

我希望能够使用jQuery的slideToggle函数显示和隐藏元素。当元素开始滑动到屏幕上时，“边框”类将被切换，因此元素在其滑入时具有边框。但是，当元素开始滑出（再次单击该按钮时）时，边框在slideToggle开始时消失，而不是结束。所以基本上，我希望边界在元素滑出时留在元素中，然后消失。在jQuery中，如何顺序执行一个函数而不是同时执行？

下面是代码裁剪成我的问题：

$('.button').on('click', function() { 
    $('.sub').slideToggle(); 
    $('.sub').next().slideToggle(); 
    $('.divclass').toggleClass('border'); 
});

来源

2017-06-26 Pramerios

大多数（如果不是全部的话）jquery动画函数允许为'complete'回调提供附加参数。 http://api.jquery.com/slidetoggle/这将在动画完成时调用。 –

使用一个回调函数，像这样

$('.sub').slideToggle("slow", function() { 
    $('.divclass').toggleClass('border'); 
    });

的回调将执行你把动画完成后的任何代码。

来源

2017-06-26 15:27:12 Adriani6

轻微编辑以指示动画完成时（而不是方法），因为该方法将立即“完成”。 –

@ freedomn-m我不好意思，因为没有意识到这一点，谢谢你。 – Adriani6

在jQuery中，如何顺序执行一个函数而不是同时执行？

回答

相关问题