Question

我使用远程路径选项使用boostrap 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>

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

3 个答案: