Javascript 引导模式-设置远程路径并以编程方式打开
我使用bootstrap3模式,使用远程路径选项,如下所示Javascript 引导模式-设置远程路径并以编程方式打开,javascript,jquery,twitter-bootstrap,twitter-bootstrap-3,Javascript,Jquery,Twitter Bootstrap,Twitter Bootstrap 3,我使用bootstrap3模式,使用远程路径选项,如下所示 <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-dialo
<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()事件。根据“方法”部分的介绍,这很容易:
$('#modCurIssue').modal('show')
自
3.2.1
起,远程选项已弃用,将在未来版本中删除。建议显式加载内容,然后调用show
方法打开模式:
$('#modCurIssue').find('.modal-content').load( 'mystuff.htm', function() {
$('#modCurIssue').modal( 'show' );
});
你只需要一个iframe。只需在模型内容div中创建一个iframe。这是正确的,但它不考虑数据目标。i、 e.从远程url加载内容。
$('#modCurIssue').find('.modal-content').load( 'mystuff.htm', function() {
$('#modCurIssue').modal( 'show' );
});