Iframe не загружается в модальном всплывающем окне - PullRequest
Новая
       13

Iframe не загружается в модальном всплывающем окне

0 голосов
/ 24 августа 2018

Я использовал одностраничную HTML-страницу, в которой у меня есть три div.Когда я нажимаю на одно из модальных всплывающих окон div и загружаю iframe src.Проблема, с которой я сталкиваюсь, заключается в том, что iframe не загружается должным образом, когда я впервые щелкаю по div.Однако в Chrome, если я щелкну правой кнопкой мыши и затем введу кадр перезагрузки, мой iframe будет загружен правильно.Кто-нибудь может сказать, с какой проблемой я сталкиваюсь?Почему iframe не загружается правильно с первого раза.Я понятия не имею об этой проблеме.Может ли кто-нибудь, пожалуйста, помогите мне.

Мой HTML-код: размещение одного div и соответствующий модальный всплывающий код

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>
...