Question

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

我无法发现为什么会发生这种情况，或者除了省略“基础”标签之外找到合理的工作。

我确实尝试使用和不使用“https：”来定义“base”。唯一不同的是，使用“https：”模式将打开，但浏览器发出“INSECURE WEBSITE ...”警告，并试图阻止（并且模式将打开，尽管内容被阻止）。没有“https：”，模态将打开，然后立即关闭并重定向到“基础”目录。

我想强调的是，我没有使用bootstrap或任何其他方式打开模态 - 它纯粹是W3类（但显然在模态中使用javascript来获取get.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>

Answer 1

我遇到了同样的问题，这是由于模式位于表单中，因此当您单击ERROR [org.jboss.as.controller.management-operation] (External Management Request Threads -- 1) WFLYCTL0013: Operation ("add") failed - address: ([("deployment" => "secomm-enterprise-ear-1.0-SNAPSHOT.ear")]) - failure description: { "WFLYCTL0080: Failed services" => { "jboss.module.service.\"deployment.secomm-enterprise-ear-1.0-SNAPSHOT.ear.secomm-api-rest-1.0-SNAPSHOT.war\".main" => "org.jboss.msc.service.StartException in service jboss.module.service.\"deployment.secomm-enterprise-ear-1.0-SNAPSHOT.ear.secomm-api-rest-1.0-SNAPSHOT.war\".main: WFLYSRV0179: Failed to load module: deployment.secomm-enterprise-ear-1.0-SNAPSHOT.ear.secomm-api-rest-1.0-SNAPSHOT.war:main Caused by: org.jboss.modules.ModuleNotFoundException: org.hibernate:5.1"它提交页面时，因此清除模式。改变它并解决了这个问题。

我用过这个：

<button>

而不是：

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

W3 Modal立即打开和关闭

1 个答案: