Javascript条件

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

CSS:

Javascript:

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

---

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

jQuery:

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

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

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

</div>

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

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

HTML:

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

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

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

</div>

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

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

为清楚起见：

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

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

---

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

jQuery:

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

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

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

</div>

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

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

HTML:

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

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

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

</div>

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

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

为清楚起见：

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

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

---

我想你把css搞混了

---

除此之外，它似乎起作用了

我想你把css搞混了

---

除此之外，它似乎有效

，如果我想为同一个div设置另一个条件，它将如何工作？像$（'nor1'）。点击（函数（）{if（$（'var1'）.css（“可见性”）='visible'）；（$（'var2'）.css（“可见性”）='visible'）；{$（'corect'）.delay（1500）。fadeIn（'fast'）；}）；我的意思是，只有当var1和var2可见时，“corect”才会出现。Thanksit说这个语法中有一个错误：if（var1=='visible'）&&（var2=='visible'）。如何修复它？@LuicanAdrian if（（var1=='visible'）&&（var2=='visible'））感谢您的回答，但现在它似乎不起作用。我单击nor1，它们显示（var1和var2），但“corect”不起作用。@LuicanAdrian-好的。如果它有帮助，请投票并将其标记为答案。如果我想为同一个分区设置另一个条件，将如何工作？像$（'nor1'）。点击（函数（）{if（$（'var1'）.css（“可见性”）='visible'）；（$（'var2'）.css（“可见性”）='visible'）；{$（'corect'）.delay（1500）。fadeIn（'fast'）；}）；我的意思是，只有当var1和var2可见时，“corect”才会出现。Thanksit说这个语法中有一个错误：if（var1=='visible'）&&（var2=='visible'）。如何修复它？@LuicanAdrian if（（var1=='visible'）&&（var2=='visible'））感谢您的回答，但现在它似乎不起作用。我单击nor1，它们显示（var1和var2），但“corect”不起作用。@LuicanAdrian-好的。如果它有帮助，请投票并将其标记为答案。如果我想为同一个分区设置另一个条件，将如何工作？像$（'nor1'）。点击（函数（）{if（$（'var1'）.css（“可见性”）='visible'）；（$（'var2'）.css（“可见性”）='visible'）；{$（'corect'）.delay（1500）。fadeIn（'fast'）；}）；我的意思是，只有当var1和var2可见时，“corect”才会出现。谢谢，如果我想为同一个分区设置另一个条件，该如何工作？像$（'nor1'）。点击（函数（）{if（$（'var1'）.css（“可见性”）='visible'）；（$（'var2'）.css（“可见性”）='visible'）；{$（'corect'）.delay（1500）。fadeIn（'fast'）；}）；我的意思是，只有当var1和var2可见时，“corect”才会出现。谢谢