Как мне закрыть лайтбокс? - PullRequest
Новая
       8

Как мне закрыть лайтбокс?

0 голосов
/ 08 июня 2018

Я сделал код, который показывает лайтбокс при входе на страницу.Как всплывающее окно.Теоретически он должен закрываться при нажатии на «x», который появляется в углу поля, но по какой-то причине код не работает должным образом и не закрывается, так что лайтбокс остается там.У кого-нибудь есть предложения?Помощь будет принята с благодарностью! 

lightBoxClose = function() {
  document.querySelector(".lightbox").classList.add("closed");
  }
.lightbox {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.toolbarLB {
  text-align: right;
  padding: 3px;
}
.closeLB {
  color: red;
  cursor: pointer;
}
.lightbox .iframeContainer {
  vertical-align: middle;
  background: #CCC;
  padding: 2px;
 background:rgba(255,255,255,0.9);
}
.lightbox.closed {
  display: none;
}
<div class="lightbox">
  <div class="iframeContainer">
    <div class="toolbarLB">
      <span class="closeLB" onclick="lightBoxClose()">x</span>
    </div>
    
    <p align="center">More text is here</p>
    
    <h1>Just text</h1>
    </div>
    
  </div>

1 Ответ

0 голосов
/ 08 июня 2018

В вашем фрагменте он уже работает, поэтому просто убедитесь, что вы поместили свой JavaScript в теги <script> и <script> в теги <body>.

...