Question

我正在尝试在该叠加层上创建叠加层和模态窗口，但是javascript不会以任何方式切换叠加层和模态的显示属性（隐藏时不显示叠加层，也不显示隐藏在叠加层上的叠加层）屏幕）。

以下是我的叠加和我的模态（这是一个表单）的代码：

<div class="overlay">    
    <form id="cpass" method="post" action="{{ path('admin_cpass') }}">
        <span class="fa fa-times close" onclick="cpass()"></span><br />
        <span>Change Password</span>
        <input type="password" placeholder="old password" name="opass" />
        <input type="password" placeholder="choose new password" name="npass" />
        <input type="password" placeholder="confirm password" name="cnpass" />
        <input type="submit" value="change password" />
    </form>
</div>

这是javascript：

function cpass() {
    document.getElementById('overlay').style.display = (document.getElementById('overlay').style.display == 'block') ? 'none' : 'block';
    document.getElementById('cpass').style.display = (document.getElementById('cpass').style.display == 'block') ? 'none' : 'block';
}

注意：我在同一个脚本标记中使用了上面的Jquery代码（如果这可能会导致任何问题，但我认为不应该这样）。

默认情况下，加载页面时，overlay和form都将display属性设置为none

即使你可以通过jquery来做，请告诉我

请帮忙

Javascript无法切换叠加层

0 个答案: