2016-07-29 9 views
0

Ich habe folgende span-Element in meinem htmlBlank Span Element nicht sichtbar

<span style="float: right;color: red; display: inline-block;" id="antcl_error"></span> 

aber wenn ich die Sichtbarkeit überprüft dann sagt es nicht sichtbar

$(document.body).find("#antcl_error").is(":visible"); 

Above Code falsch zurück, wenn Span leer

+1

Was ist das Problem? Das ist Teil der [Dokumentation] (https://api.jquery.com/visible-selector/) – 4castle

+0

@ 4castle Warum gibt es falsch, während mein span-Element auf dem Bildschirm sichtbar ist –

+1

Elemente werden als sichtbar betrachtet, wenn sie Platz in der verbrauchen Dokument. Sichtbare Elemente haben eine Breite oder Höhe, die größer als Null ist. – vijayP

Antwort

1

Da die Spannweite schwimmt und hat keinen Inhalt und keine Breite und Höhe, ist es nicht Raum in dem Dokument verbrauchen, daher ist es unsichtbar betrachtet:

Sie können prüfen, für die Sichtbarkeit Wert CSS:

if($("#antcl_error").css('visibility') != "hidden") { 
    // visible 
} 

per Dokumentation:

Elemente gelten als visi ble, wenn sie Speicherplatz im Dokument verbrauchen. Sichtbare Elemente haben eine Breite oder Höhe, die größer als Null ist.

Elemente mit Sichtbarkeit: ausgeblendet oder Opazität: 0 werden als sichtbar betrachtet, da sie immer noch Platz im Layout verbrauchen.

1

überprüfen Sie, ob CSS-Anzeigemodus nicht keines ist:

if($('body').find("#antcl_error").css('display') != "none") { 
 
    alert('visible') 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<span style="float: right;color: red; display:inline-block;" id="antcl_error"></span>