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

问题描述：

我正在使用boostrap 3 modals使用远程路径选项，如下所示。Bootstap Modal - 设置远程路径并以编程方式打开

<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（）事件，如果可能的话。

所有你需要的是一个iframe。只需在你的model-content div中创建一个iframe。 – Sefa 2014-10-30 11:51:41

答

由于3.2.1远程选项一起使用，将在以后的版本中删除。建议明确加载内容，然后调用show方法打开模式：

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

伟大的知识。非常感谢 – Sam 2014-10-30 12:07:59

答

据对http://getbootstrap.com/javascript/#modals方法部分它很容易：

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

这是事实，但它没有考虑数据目标。即从远程URL加载内容。 – Sam 2014-10-30 11:59:26

答

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

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

相关推荐