使用Javascript更改CSS Display属性，但一直消失

布兰登·伍德

我的页面上有一个div元素，仅在单击按钮时才希望显示该元素。这可以按预期工作，除了div再次迅速消失并且我无法使其保持可见状态。

    function btnAddItem_Click() {
            document.getElementById("add-item-popup").style.display = "block"
        }

    .add-item-popup {
        width: 400px;
        height: 550px;
        display: none;
        background-color: #ededed;
        position: fixed;
        right: 40%;
        top: 20%;
    }

    <div class="add-item-popup" id="add-item-popup">
        //Contains a form
    </div>





    <button onclick="btnAddItem_Click()">Add Item</button>

GetSet

我将做出一个合理的假设，但是对于该解决方案仍然是一个假设。假设<button>您的onclick处理程序的标签在另一种形式内。如果是这样，请在此处替换此行：

<button onclick="btnAddItem_Click()">Add Item</button>

要成为此代码：

<button type="button" onclick="btnAddItem_Click()">Add Item</button>

说明：当button在未type="button"指定的表单内时，它将提交表单，并且在您的情况下，重新加载css当然是新的页面。因此，您只会看到显示的div的“斑点”。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。