Bootstrap Modal-设置远程路径并以编程方式打开

Question

我正在通过远程路径选项使用引导程序3模态，如下所示。

<a href="mystuff.htm" class="btn btn-default" role="button" data-toggle="modal" data-target="#modCurIssue">view</a>

<div id="modCurIssue" class="modal fade" role="dialog">
   <div class="modal-dialog">
      <div class="modal-content">
         <!--- content from mystuff.htm will appear here --->
      </div>
   </div>
</div>

这可以正常工作，但不是单击链接，而是要以编程方式打开模式！

我试图避免在可能的情况下在链接上触发click（）事件。

Answer 1

从3.2.1 ，远程选项已被弃用，并将在以后的版本中删除。 建议显式加载内容，然后调用show方法打开模式：

 $('#modCurIssue').find('.modal-content').load( 'mystuff.htm', function() {
     $('#modCurIssue').modal( 'show' );
 });

Answer 2

根据http://getbootstrap.com/javascript/#modals上的方法部分，这非常简单：

$('#modCurIssue').modal('show')

Answer 3

<a href="#" class="btn btn-default" role="button" data-toggle="modal" data-target="#modCurIssue">view</a>

<div id="modCurIssue" class="modal fade" role="dialog">
   <div class="modal-dialog">
      <div class="modal-content">
         <iframe src="mystuff.htm"></iframe>
      </div>
   </div>
</div>