javascript - 继续之前检查可见性

Question

是否可以对以下内容进行回调？

$('.element').css("visibility","visible");

我遇到过这个，但在 Chrome 中使用它似乎存在问题。

$('.element').css("visibility","visible").promise().done(function(){
    alert( 'done! start stuff...' );
});

基本上，我正在寻找一种方法来确认 $('.element') 在继续下一行之前可见。

Answer 1

将元素设置为可见是同步的，因此没有理由或目的对此使用 Promise。无需等待即可生效。

$('.element').css("visibility","visible");
console.log($('.element').css("visibility"));   // will show "visible" immediately

另一方面，如果您想等待重新绘制以便该项目实际绘制在屏幕上，那就是另一回事了。您将不得不强制重新绘制(这在当今的浏览器中是一件棘手的非标准事情，因为它们试图避免同步重新绘制)，或者您将不得不使用 setTimeout() 允许重新绘制。