javascript - .is (":hidden") 检测元素在 .hide ("slow"之后可见

Question

我希望构建一个函数，根据另一个 div 的可见性(通过 .is(":hidden"))重新调整一个 div 的外观，而不引入额外的变量。 这在我使用 .hide() 而不是 .hide("slow") 时效果很好。在后一种情况下，如果立即启动，检查会将其检测为可见。 示例:

$('#1').hide("slow");

//...

if($("#1").is(':hidden'))
{
    //do something with #2
}

如果我不使用“慢”(或恰好是: .hide() )，上面的效果很好。有没有办法在不引入额外变量或添加超时的情况下实现这一目标？

Answer 1

该元素在淡出时仍然可见。您可以设置一个数据属性来告诉自己它正在消失:

$("#1").hide("slow", function() {
    $(this).removeData("hiding");
}).data("hiding", true);

// ...
var one = $("#1");
if (one.is(":hidden") || one.data("hiding")) {
    // ...
}