Question

我使用了一个单页HTML页面，其中三个div。当我单击div模态弹出窗口之一并加载iframe src时。我面临的问题是，当我第一次单击div时，iframe无法正确加载。但是在chrome中，如果我右键单击然后输入重新加载框架，则我的iframe会正确加载。谁能说我面临的问题是什么？为什么iframe第一次没有正确加载。我对这个问题一无所知。谁能帮我。

我的html代码：发布一个div及其相应的模式弹出式代码

细分代码：

<div class="bots" data-toggle="modal" data-target="#myartModal">
           <font class ="botHeading" ><b> Password Related</b></font><br /> 
              <font class = "botsub">Click here to Change,reset,enroll or unlock your account.</font>
        </div>

模式弹出窗口

  <div class="container">
      <!--<h2>Basic Modal Example</h2>
       Trigger the modal with a button 
      <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>-->

      <!-- Modal -->
      <div class="modal fade" id="myartModal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg customModalHeight" role="document">

          <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header customModalHeader">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
              <h3 class="modal-title" ><b>Account Recovery Agent</b></h3>
            </div>
            <div class="embed-responsive embed-responsive-4by3 z-depth-1-half customIframeHeight">
             <iframe class = "embed-responsive-item" src="http:/xx.xx.xx.xx:4001/"  allowfullscreen></iframe>
            <!--  <iframe class = "embed-responsive-item" src="http://xx.xx.xx.xx:4001/"  allowfullscreen></iframe> -->
            </div>

          </div>

        </div>
      </div>

    </div>

iframe未在模式弹出窗口中加载

0 个答案: