Wie überprüfe ich, ob ein div sichtbar ist oder nicht?

Ich habe solche Tabs.

<li id="singlechatpanel-1" style="visibility: hidden;">
     //content
</li>

Versuch es mal so zu prüfen:

$(".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);
        }

Wenn die Bedingung immer falsch zurückgibt. Wie kann ich den Sichtbarkeitsstatus dieses div überprüfen?

Überprüfen Sie, ob es sichtbar ist.

$("#singlechatpanel-1").is(':visible');

Überprüfen Sie, ob es ausgeblendet ist.

$("#singlechatpanel-1").is(':hidden');

is(':visible') prüft die display Eigenschaft eines Elements, die Sie verwenden können css Methode.

if (!$("#singlechatpanel-1").css('visibility') === 'hidden') {
   // ...
}

Wenn Sie die einstellen display Eigenschaft des Elements zu none dann deine if Anweisung zurück true.

Wenn das Element von jquery ausgeblendet wird, verwenden Sie es

if($("#elmentid").is(':hidden'))

Sie können verwenden .css() um den Wert von “Sichtbarkeit” zu erhalten:

 if( ! ( $("#singlechatpanel-1").css('visibility') === "hidden")){
 }

http://api.jquery.com/css/

if (!$('#singlechatpanel-1').css('display') == 'none') {
   alert('visible');
}else{
   alert('hidden');
}

Sie können die Methode (‘:hidden’) verwenden, um herauszufinden, ob Ihr div sichtbar ist oder nicht. Es ist auch eine gute Praxis, ein Element zwischenzuspeichern, wenn Sie es mehrmals in Ihrem Code verwenden.

$(".subpanel a").click(function() 
     {
        var chatterNickname = $(this).text();
        var $chatPanel = $("#singlechatpanel-1");

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

Fügen Sie Ihre li zu einer Klasse, und tun $(".myclass").hide(); am Anfang, um es anstelle des Sichtbarkeitsstilattributs auszublenden.

Soweit ich weiß, verwendet jquery die display style-Attribut zum Ein-/Ausblenden von Elementen anstelle der Sichtbarkeit (kann in diesem Fall falsch sein, in jedem Fall ist das oben Genannte einen Versuch wert)