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

Question

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();
    });

abc.html

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

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

Answer 1

使用Jquery Click功能在特定部分上滚动

直接联系我们

<div id="hire-us">

</div>


<script>

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

});
</script>

Answer 2

这对我有用（在iframe页面内）：

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

ModalEquipment->主体页面中模态的名称。

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