我正在尝试检查是否所有 div 都可见,如果它们不显示包含提交按钮的 div。所有的 div 基本上都是验证器,只有在有错误时才会显示。这是因为我不能使用 Jquery 验证器。我在计时器上执行此操作,因此它可以每 5 秒检查一次,而不是使用按钮。此外 - 无法将验证链接到按钮。
我尝试过的:
JS:
window.setInterval(function(){
if ($(".needData:hidden").length == 0) {
$(".answer").show();
$(".pleaseval").hide();
}else{
$(".answer").hide();
$(".pleaseval").show();
}
}, 5000);
HTML:
div id="myClass" class="needData" style="display:none">hidden</div>
div id="myClass1" class="needData" style="display:none">hidden</div>
div id="myClass2" class="needData" style="display:none">hidden</div>
div id="myClass3" class="needData" style="display:none">hidden</div>
<div class="pleaseval">Please fill out form</div>
<div id="answer" class="answer"><button>button</button></div>
最佳答案
您在 js 中定位 .answer
但您实际上不需要 #answer
吗?
像这样:
window.setInterval(function(){
if ($(".needData:visible").length == 0) {
$("#answer").show();
$(".pleaseval").hide();
}else{
$("#answer").hide();
$(".pleaseval").show();
}
}, 5000);
在这里你可以看到它的测试https://jsfiddle.net/8bL8ywzu/
如果您从一个元素中删除 style="display:none"
,您将看到 5 秒后按钮将被隐藏。
关于javascript - 如何每 5 秒检查一次 Div 是否可见,如果可见,显示另一个 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37394762/