Javascript condition

Javascript condition

本文关键字:condition Javascript      更新时间:2023-09-26

我有一个问题。当可见性类可见时,我尝试显示一个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');
    }
});

我想你把你的css搞混了

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

#corect {display: none;}

除此之外,它似乎可以工作

对我来说很好。确保你的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');
    }
});