.css 函数回调

Question

所以，我很熟悉不能在 jQuery 的 .css 函数上使用回调函数的事实。相反，我使用了setTimeout 函数：

$('#header-nav').css({'left': leftBstr});

posBstr = '.level' + posB.toString();
setTimeout(function(e){
    $('#header-nav ul' + posBstr).removeClass('menu-active');
}, 300);

此代码用于移动菜单动画。有两种类型的按钮：

• 进一步进入菜单（子类别）
• 返回（父类）

但是，在使用setTimeout功能时，当我点击太快时，菜单消失了，因为删除了menu-active类。

我已经尝试将 setTimeout 函数放在 var 中，并使用 clearTimeout 函数，但这不起作用。

---

我的问题：是否有另一种方法可以在不使用 setTimeout 的情况下在 .css 函数上重新创建回调函数？

Answer 1

您可以尝试使用promise

.promise() 方法返回一个动态生成的 Promise，一旦绑定到集合的特定类型的所有操作（无论是否排队）都结束，该 Promise 就会被解析。

$('.element').css("color","yellow").promise().done(function(){
    alert( 'color is yellow!' );
});