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

标签 javascript jquery twitter-bootstrap twitter-bootstrap-3

我正在使用 bootstrap 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() 事件。

最佳答案

3.2.1 起,远程选项已弃用,并将在未来版本中删除。建议显式加载内容,然后调用 show 方法打开模式:

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

关于javascript - Bootstrap Modal - 设置远程路径并以编程方式打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26652193/

相关文章:

javascript - 如何在Konva中设置文本的 `underline`?

javascript - 如果有特定类,则将类添加到父 div

HTML 表 tbody 不是 100%

html - 如果页面短于窗口,则未知 div 会向页面添加长度

jquery - 在悬停 SlickGrid 行上显示工具提示

html - 更改浏览器大小时如何将两列保持在一行中?

javascript - 如何从方法访问 Vue.js 组件数据?

javascript - 如何确定使用哪个实例创建了 HTML 元素?

javascript - 使用 JavaScript 添加书签页面

jquery - 无法让 jQuery 插件 jsTree 初始选择节点