jquery - 使用 jQuery 检查 div 是否隐藏

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。

谢谢。

编辑:

正如 jasper 所说，我的代码是正确的，可以通过此 demo 运行.

我怀疑与jQuery form to wizard plugin有一些冲突我正在与我的表单一起使用。有人有办法解决这个问题吗？

Answer 1

您可以检查 CSS display 属性:

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

这是一个演示:http://jsfiddle.net/YjP4K/