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