Comprobar div se oculta usando jQuery

Ésta es mi divComprobar div se oculta usando jQuery

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

entonces tengo un botón Mostrar que mostrará el div al hacer clic en:

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

Así que ahora quiere comprobar si el div #car2 todavía está oculto antes de su presentación formulario:

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

Ahora aquí es el problema. Aunque el div #car2 ya se muestra, todavía recibí un mensaje de alerta, lo que significa que jQuery asume que el div #car2 aún está oculto.

Mi versión jQuery es 1.7.

Gracias.

EDIT:

Como dijo Jasper, mi código es correcto y se puede ejecutar a través de este demo.

Lo que sospecho que hay algún conflicto con jquery form to wizard plugin que estoy utilizando con mi formulario. Alguien tiene alguna idea para resolver esto?

Fuente

2011-12-13 cyberfly

http://jsfiddle.net/YjP4K/2/ Su código funciona cuando simplificado así que tal vez usted tiene un error en otro lugar? – Jasper

Véase también [Comprobación de si un elemento está oculto \ [por jquery \]] (https://stackoverflow.com/questions/178325/checking-if-an-element-is-hidden) –

se puede comprobar la propiedad CSS display:

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

Aquí es una demostración: http://jsfiddle.net/YjP4K/

Fuente

2011-12-13 04:21:02 Jasper

aunque otra respuesta es correcta, pero de alguna manera solo puedo usar este método en mi forma, así que elegiré esto como una respuesta. Gracias. – cyberfly

'$ ('# car'). Is (: hidden)' debería funcionar. Esta también es una solución más limpia que la actual. Consulte más en https://api.jquery.com/hidden-selector/ – akshay

@akshay, sí, eso tiene más sentido semántico. Creo que hay casos extremos en los que hacer tu propio cheque tiene sentido porque hay condiciones alrededor de los elementos que se atornillan con los selectores ': hidden' y': visible'. – Jasper

trata de leer para el: propiedad visible en su lugar.

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

Fuente

2011-12-13 04:22:06

Probar:

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

Fuente

2011-12-13 04:22:27 Omtara

Debería marcarse como respuesta – Thamaraiselvam

¿Se dio cuenta de su error tipográfico, $car2 en lugar de #car2?

De todos modos, :hidden parece estar funcionando como se esperaba, pruébalo here.

Fuente

2011-12-13 04:41:41 smendola

Try

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

Fuente

2015-02-20 08:01:29 Sadikhasan

Se puede utilizar,

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

Fuente

2016-07-05 08:40:01 Lucky

Comprobar div se oculta usando jQuery

Respuesta

Cuestiones relacionadas