webentwicklung-frage-antwort-db.com.de

Überprüfen Sie, ob div mit jquery ausgeblendet ist

Das ist meine Div

<div id="car2" style="display:none;"></div>

Dann habe ich eine Schaltfläche Anzeigen, die das Div anzeigt, wenn Sie auf klicken:

$("show").click(function() {
    $("$car2").show();
}); 

Im Moment möchte ich überprüfen, ob das div #car2 Noch ausgeblendet ist, bevor ich das Formular abschicke:

if($('#car2').is(':hidden')) {
    alert('car 2 is hidden');
}

Jetzt ist hier das Problem. Obwohl das div #car2 Bereits angezeigt wird, wurde immer noch eine Warnmeldung angezeigt, was bedeutet, dass jQuery annimmt, dass das div #car2 Immer noch ausgeblendet ist.

Meine jQuery-Version ist 1.7.

Vielen Dank.

EDIT:

Wie Jasper sagte, ist mein Code korrekt und kann über diese Demo ausgeführt werden.

Was ich vermute, gibt es einen Konflikt mit jquery form to wizard plugin , die ich mit meinem Formular verwende. Hat jemand eine Idee, dies zu lösen?

35
cyberfly

Sie können die Eigenschaft CSS display überprüfen:

if ($('#car').css('display') == 'none') {
    alert('Car 2 is hidden');
}

Hier ist eine Demo: http://jsfiddle.net/YjP4K/

66
Jasper

Versuchen:

if(!$('#car2').is(':visible'))
{  
    alert('car 2 is hidden');       
}
30
Omtara

Versuchen

if($('#car2').is(':hidden'))
{  
    alert('car 2 is hidden');       
}
9
Sadikhasan

Suchen Sie stattdessen nach der Eigenschaft: visible.

if($('#car2').not(':visible'))
{
    alert('car 2 is hidden');       
}
4
Phil.Wheeler

Hast du deinen Tippfehler bemerkt, $car2 anstatt #car2?

Sowieso, :hidden scheint wie erwartet zu funktionieren, probieren Sie es aus hier .

2
smendola

Sie können verwenden,

if (!$("#car-2").is(':visible'))
{
      alert('car 2 is hidden');
}
1
SharK