檢查DIV是使用隱藏的jQuery

Question

這是我的div

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

然後，我有一個顯示按鈕，將顯示在div當你點擊：

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

所以現在我想檢查在div #car2仍然隱藏表單提交前：

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

現在這裏是問題。雖然div #car2已經顯示，但我仍然收到警告消息，這意味着jQuery假定div #car2仍處於隱藏狀態。

我的jQuery版本是1.7。

謝謝。

編輯：

碧玉說，我的代碼是正確的，並且可以通過這個demo運行。

我懷疑與我的表單有衝突jquery form to wizard plugin。任何人有任何想法來解決這個問題？

Answer 1

您可以檢查CSS display屬性：

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

這裏是一個演示：http://jsfiddle.net/YjP4K/

Answer 2

嘗試檢查爲：可見屬性。

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

Answer 3

嘗試：

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

Answer 4

你是否注意到你的錯字，$car2代替#car2？

無論如何，:hidden似乎按預期工作，嘗試它here。

Answer 5

嘗試

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

Answer 6

可以使用，

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