W3 Modal立即打开并关闭

问题描述：

我注意到了W3.css模态类的一些奇怪行为。经过几小时和几个小时的搜索并尝试调试，我发现在css文件中使用“base”标记将导致W3模式框打开并立即关闭，然后重定向到“base”标记中定义的目录。对我来说似乎很奇怪。W3 Modal立即打开并关闭

我一直无法发现这是怎么回事，或找到一个明智的工作，而不是省略“基本”标签。

我曾尝试定义“基地”与无“https：”。唯一不同的是，使用“https：”模式会打开，但浏览器发出“INSECURE WEBSITE ...”警告，并试图阻止（并且模块会打开，虽然内容被阻止）。在没有“https：”的情况下，模块会打开，但会立即关闭并重定向到“基本”目录。

我想强调一下，我没有使用bootstrap或任何其他打开模式的方式 - 它纯粹是W3类（但显然使用模式内的javascript来获取.ElementById等）。

有没有人遇到过这个？有没有人设法找到明智的解决方法？

这里的CSS标签：

<base href="//www.<subdomain>.<domain>" />

下面是调用代码：

<div class="w3-container"> 
    <a href="#" onclick="document.getElementById('example-modal').style.display='inline'"> 
     <span class="ca-icon">$</span> 
     <div class="ca-content"> 
      <h2 class="ca-main">Example</h2> 
     </div> 
    </a> 
</div>

这里是模态的定义：

<div id="example-modal" class="w3-modal"> 
    <div class="w3-modal-content w3-card-8 w3-animate-zoom" style="max-width:600px"> 
     <h2>EXAMPLE MODAL BOX...</h2> 
     <div class="w3-center"><br> 
     <span onclick="document.getElementById('example-modal').style.display='none'" class="w3-closebtn w3-hover-red w3-container w3-padding-8 w3-display-topright" title="Close Modal">x</span> 
     <i class="fa fa-spinner fa-spin" style="font-size:64px"></i> 
     </div> 
     <form class="w3-container" action="" > 
     <div class="w3-section"> 
      ...some text here. 
     </div> 
     </form> 
     <div class="w3-container w3-border-top w3-padding-16 w3-light-grey" align="center"> 
     <button onclick="document.getElementById('example-modal').style.display='none'" type="button" class="w3-btn w3-red">OK</button> 
     </div> 
    </div> 
</div>

答

我有同样的问题，它是由于表单内的模式，所以当你点击<button>它提交了页面，因此清除模态。更改为并解决了问题。

我用这个：

<span onclick=""document.getElementById('idembim').style.display='block'"" class=""w3-button w3-blue w3-small w3-padding-small"">Select Image</span>

取而代之的是：

<button onclick=""document.getElementById('idembim').style.display='block'"" class=""w3-button w3-blue w3-small w3-padding-small"">Select Image</button>

W3 Modal立即打开并关闭

相关推荐