Окно xModal открывается только один раз, после чего мне нужно обновить страницу sh - PullRequest
Новая
       7

Окно xModal открывается только один раз, после чего мне нужно обновить страницу sh

0 голосов
/ 06 апреля 2020

У меня есть модальное окно, которое открывается, когда пользователь нажимает на 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>

1 Ответ

0 голосов
/ 06 апреля 2020

Похоже, вы используете display: block, чтобы открыть модал, но используйте visibility: hidden, чтобы закрыть его.

Вероятно, вам следует придерживаться свойства display и использовать display: none, чтобы закрыть модал. Таким образом, он не будет отображаться после скрытия в отличие от visibility: hidden.

Этот ответ - хорошее прочтение разницы между ними.

...