加載的iframe替換

我有以下HTML：加載的iframe替換

<a href="http://domainx.com/" class="btn btn-primary" data-toggle="modal" data-target="#myModal">LINKY</a> 

<!-- Modal --> 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
      </div> 
      <div class="modal-body"> 
       <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
       <iframe src="http://domainy.com/" width="100%" height="380" frameborder="0" 
         allowtransparency="true"></iframe> 
      </div> 
     </div> 
     <!-- /.modal-content --> 
    </div> 
    <!-- /.modal-dialog --> 
</div> 
<!-- /.modal -->

當我改變與以下JS模態IFRAME SRC，的.modal-content內容與HTML完全覆蓋從裝載有問題的HREF在切換模式的按鈕上。

$('[data-target="#myModal"]').on('click', function (e) { 
    e.preventDefault(); 

    var _linky = $(this).attr('href'); 
    var _target = $(this).data('target'); 

    if (_target.length > 0) { 
     _target.find('iframe').attr('src', 'about:blank'); 

     var _isRemote = false; 
     if (_linky.indexOf('http') > -1) { 
      _isRemote = true; 
     } 

     if (!_isRemote) { 
      if (_linky.indexOf('?') > -1) { 
       _linky += '&tmpl=component'; 
      } else { 
       _linky += '?tmpl=component'; 
      } 
     } 

     _target.find('iframe').attr('src', _linky).load(function() { 
      _target.modal('show'); 
     }); 
    } 
}); 

$('body').on('hidden.bs.modal', '.modal', function() { 
    $(this).removeData('bs.modal'); 
});

如何防止Bootstrap替換.modal-content中的所有內容？

來源

2015-06-03 Anriëtte Myburgh