2014-10-30 80 views
1

我正在使用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()事件,如果可能的话。

+0

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

回答

2

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

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

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

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