1

私は問題があります。可視性クラスが表示されているときに 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');
    }
});
4

2 に答える 2

0

私にとってはうまくいきます。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');
    }
});
于 2013-05-16T11:03:32.143 に答える