javascript - Javascript 条件

Question

我有个问题。当可见性类可见时，我尝试显示一个 div。我的代码不起作用。请帮我解决这个问题。

CSS：

#nor1 {position:absolute;top:100px;left:100px;z-index:2;}
#var1 {position:absolute;top:100px;left:100px;z-index:7; visibility:hidden;}
#corect {position:absolute;top:0px;left:0px;z-index:9;}

Javascript：

$('#box').click(function () {
    $("#var1").css('visibility', 'visible');
});
$('#nor1').click(function () {
    if ($('#var1').css("visibility") == 'visible') {
        $('#corect').delay(500).fadeIn('slow');
    }
});

Answer 1

我想你和你的 CSS 搞混了

http://jsfiddle.net/hz9nU/2/

#corect {display: none;}

除此之外，它似乎工作

Answer 2

对我来说很好。确保您的 ID 正确（jQuery 引用了正确的 HTML 元素）：

jQuery：

$('#nor1').click(function(){
if (($('#var1').css("visibility") == 'visible') && ($('#var2').css("visibility")) == 'visible') {
    $('#correct').delay(500).fadeIn('slow');
}});

HTML：

<input id="nor1" type="button" />

<div id="var1" style="visibility: visible">

</div>

<div id="correct" style="display:none">
    rtretert
</div>

CSS：

#correct {
    background-color: red;
    width:400px;
}

http://jsfiddle.net/CwShT/1/

为了清楚起见：

$('#nor1').click(function(){
    var1 = $('#var1').css("visibility");
    var2 = $('#var2').css("visibility");

    if ((var1 == 'visible') && (var2 == 'visible'))  {
       $('#correct').delay(500).fadeIn('slow');
    }
});