我的灯箱不会关闭?

时间:2017-10-10 16:38:54

标签: javascript jquery modal-dialog lightbox

我试图按照本指南https://www.w3schools.com/w3css/w3css_modal.asp制作一个灯箱,但它只是不起作用。

我试图使用此功能隐藏模态div

onclick="document.getElementById('id01').style.display='none'"

我可以使用其他类似的功能吗?我怀疑与我使用的主题存在某种冲突。下面是灯箱的代码片段。

打开灯箱(工作正常):

<div class="product-item grid-item cat-2">
      <div href="#" class="item-image" 
       onclick="document.getElementById('id01').style.display='block'"
       class="w3-button">

但关闭它是目前最大的痛苦......:/

       <div id="id01" class="w3-modal">
                  <div class="w3-modal-content">
                    <img src="static/products/loelle/05.jpg" alt="06">
                  <span id="hide" 
                  onclick="document.getElementById('id01').style.display='none'"
                  class="w3-button w3-display-topright">&times;</span>
                  </div>
                </div>

0 个答案:

没有答案