从 iframe 内部关闭引导模式，然后转到父页面的特定部分

Close Bootstrap modal from inside iframe and go to a specific section of parent page

本文关键字：定部 然后 内部 iframe 模式      更新时间：2023-09-26

index.html

<a href="" data-toggle="modal" data-target="#myModal">Open Modal</a>
<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog" style="width:100%;margin: 0px auto;">
    <!-- Modal content-->
    <div class="modal-content">
        <div class="modal-body modalIframe">
            <iframe src="services/abc.html" frameborder="0" height="650px" width="100%"></iframe>
       </div>
    </div>
  </div>
</div>

脚本

    window.closeModal = function(){
        $('#myModal').modal('hide');
    };
    $('#contactClick,.closeMain').click(function(){
        window.parent.closeModal();
    });

美国广播公司.html

<button type="button" class="btn btn-default serviceButton fontSize16px" id="contactClick">Contact us directly   </button>

单击此按钮后，我需要转到一个名为hire-us的部分，即它应该重定向到index.html#hire-us。我试图在 href 中给出锚标签而不是按钮并给出路径，但它不起作用。请帮我解决这个问题。

使用 Jquery Click 函数滚动到特定部分

直接联系我们 

<div id="hire-us">
</div>

<script>
 $('#contactClick').click(function(){
$('html, body').animate({
                scrollTop: $('#hire-us').offset().top
            }, 'slow');  
});
</script>
这对

我有用（在iframe页面内）：

  $('#btnCancel').click(function() {
      parent.$('#ModalEquipment').modal('hide');
   });

模态装备 -在主体页面中>模态的名称。

<div class="modal fade" id="ModalEquipment" tabindex="-1" role="dialog"      aria-labelledby="videoModal" aria-hidden="true">
       <div class="modal-dialog">
         <div class="modal-content">
             <div class="modal-body">
                  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                 <div>
                     <iframe src="" frameborder="0"></iframe>
                  </div>
             </div>
         </div>
     </div>
   </div>
相关文章：