Question

我试图按照本指南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 个答案: