如何使用jquery ui执行函数AFTER toggleClass

Question

只有当$(parent).toggleClass('opened closed'); 触发动画完成时，才应调用toggleClass（"显示-隐藏弹出按钮"）

我该怎么做？

 *$('.drawer-left-trigger').click(function () {
            var parent = $(this).parent();
            $(parent).toggleClass('opened closed');
            $(parent).toggleClass('show-flyout hide-flyout')
        });*

这没有帮助：

 $('.drawer-left-trigger').click(function () {
            var parent = $(this).parent();
            $(parent).toggleClass('opened closed',function(){
                    $(parent).toggleClass('show-flyout hide-flyout');
             });
        });

Answer 1

试试这个

    $(parent).toggleClass('opened closed').promise().done(function(){
    setTimeout(function(){
        $(parent).toggleClass('show-flyout hide-flyout');
    },1000);
    });

Answer 2

我猜你是通过打开/关闭来使用css动画的，所以你应该在动画结束时收听，比如：

$(parent).one('transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEndfunction', function() { 
   $(parent).toggleClass('show-flyout hide-flyout');
});