javascript - 如果 div 2 可见，javascript 隐藏 div 1？

Question

我正在尝试创建一段 javascript，我想创建一个函数，说明如果一个 div 可见，则阻止另一个 div 打开，或者如果 div 1 可见，则在页面加载时隐藏 div 2。

有人可以告诉我如何做到这一点。谢谢。

<script>

      window.onload (function () {
        if  ($('.welcome_overlay').is(":visible")) {
            $("#cover").hide();


                    }
    });
</script>

Answer 1

您的onload语法不正确-您尝试使用类似于 jQuery 方法的语法来调用它，但这不是它的工作方式。与其尝试调用 onload函数并将其作为参数传递，不如将其分配给函数：

window.onload = function () {
    if  ($('.welcome_overlay').is(":visible")) {
        $("#cover").hide();
    }
};

或者，既然您似乎在使用 jQuery，为什么不使用 jQuery 就绪处理程序：

$(document).ready(function() {
    if  ($('.welcome_overlay').is(":visible")) {
        $("#cover").hide();
    }
});

无论哪种方式，除非您在脚本之前包含 jQuery 脚本，否则您的代码将无法工作。

Answer 2

HTML：

<div id='Div1'></div><div id='Div2'></div>

Javascript：

if(document.getElementById("Div1").style.visibility == "visible") {
    document.getElementById("Div2").style.visibility = "hidden";
}