xModal 窗口只打开一次，比我需要刷新页面答案

【问题标题】：xModal window opens only once, than I need to refresh pagexModal 窗口只打开一次，比我需要刷新页面
【发布时间】：2020-04-06 18:55:54
【问题描述】：

我有当用户点击 div 时打开的模态窗口。一切正常，除了一件事，当我再次单击 div 时，模式窗口不会再次打开。这是我的代码：

<div onclick="document.getElementById('id01').style.display='block'" class="mkdf-elements-holder-item-content mkdf-elements-holder-custom-184744" style="padding: 300px 0 200px 0">


     <div id="id01" class="w3-modal">
    <div class="w3-modal-content w3-card-4">
      <header style="background-color:transparent;" class="w3-container w3-teal"> 
        <span onclick="zavri();"
        class="w3-button w3-display-topright">&times;</span>
        <h2 style="background-color:transparent; color: transparent"> V </h2>
      </header>
      <div class="w3-container">
<iframe id="ifr" width="560" height="315" src="https://www.youtube.com/embed/u9dC7xIl1oU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen allowscriptaccess="always"></iframe>
      </div>
    </div>
  </div>

<script>
    function close(){
        $("#id01").css("visibility", "hidden");
                    autoOpen: false,
          $("#ifr").attr("src","");
    }
</script>

【问题讨论】：

您确定一切正常吗？我问你的 JS 中有一个明显的语法错误。您能否编辑问题以显示完整的工作示例

标签： javascript jquery html css bootstrap-modal

【解决方案1】：

看起来您使用display: block 打开模式但使用visibility: hidden 关闭它。

您可能应该坚持使用 display 属性并使用 display: none 关闭模式。这样一来，它就不会像visibility: hidden 那样被隐藏一次。

This answer 很好地了解了两者之间的区别。

【讨论】：

display: none 对我不起作用，这就是我使用 visibility: hidden 的原因