jquery – 如何检查div是否可见状态?

前端之家收集整理的这篇文章主要介绍了jquery – 如何检查div是否可见状态?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这样的标签
<li id="singlechatpanel-1" style="visibility: hidden;">
     //content
</li>

试图检查它:

$(".subpanel a").click(function() 
     {
        var chatterNickname = $(this).text();

        if(!$("#singlechatpanel-1").is(':visible'))
        {
            alert("Room 1 is filled.");
            $("#singlechatpanel-1").css({'visibility':'visible'});
            $("#singlechatpanel-1 #chatter_nickname").html("Chatting with: " + chatterNickname);
        }

如果condition总是返回false。如何检查此div的可见性状态?

解决方法

是(‘:visible’)检查元素的显示属性,可以使用css方法
if (!$("#singlechatpanel-1").css('visibility') === 'hidden') {
   // ...
}

如果将该元素的display属性设置为none,那么if语句返回true。

原文链接:https://www.f2er.com/jquery/183416.html

猜你在找的jQuery相关文章