4
A
回答
4
首先创建一些你想要的模式。
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
然后从您的动态链接切换到您的模态使用ID链接href。否则使用onclick javascript事件。
<a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg">Launch demo modal</a>
或(以下选项是对你更好)
<a href="javascript:void(null);" class="btn btn-primary btn-lg" onclick="launch_modal('your_id');">Launch Modal</a>
以及使用JavaScript,
<script>
function launch_modal(id) {
// Hide all modals using class if required.
$('.modal').modal('hide');
$('#'+id).modal('show');
}
</script>
0
另一种方法是让一个这个网站:
<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" title="Close">×</button>
<h4 class="modal-title"></h4>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
而许多的jQuery这样的添加内容:
$('#modal .modal-header .modal-title').html('<strong>:)</strong> Success!');
$('#modal .modal-body').html('<p>Something success!.</p>');
$('#modal .modal-footer').html('<button type="button" class="btn btn-default" data-dismiss="modal" title="Close">Close</button>');
$('#modal').modal('show');
相关问题
- 1. 在一个页面上打开多个模式框
- 2. 如何在同一页面中打开多个jquery对话框
- 3. jQuery对话框模态(仅在页面上有多个页面时打开)
- 4. jquery对话框 - 页面上的多个对话框,一次只打开一个对话框
- 5. 在页面内打开一个框
- 6. 打开多个对话框
- 7. 打开一个对话框autocloses面板
- 8. 多个Jquery模态对话框在一个页面中?
- 9. 有多个选择框打开相同的模式对话框
- 10. Jquery Bootstrap Modal ...如何从另一个模态对话框中打开不同的模式对话框
- 11. jQuery/Bootstrap - Twitter的引导模式打开页面加载?
- 12. 如何使用jQuery使用href从另一个html页面打开html页面中的内容到对话框?
- 13. JSF重定向到另一个页面并打开对话框
- 14. bootstrap打开多个模式问题
- 15. 打开一个jQuery UI的对话框页面滚动起来
- 16. 从另一个打开的模式对话框产生一个jQuery模式对话框
- 17. 使用jquery ui对话框打开一个已存在的aspx页面
- 18. 与另一个页面填充jQuery UI模式框/对话框?
- 19. jQuery的对话框中打开另一个页面
- 20. 打开在一个jQuery对话框
- 21. 在另一个模态JFace对话框上打开模态JFace对话框
- 22. 动态负载模式,对话框在一个页面
- 23. 使用$对话框多次打开同一对话框
- 24. 在一个页面内创建一个小对话框
- 25. 如何打开一个对话框(模式)从C#
- 26. 如何在一个twitter-bootstrap html页面上获得多个popovers
- 27. JQuery UI对话框 - 从对话框中的另一个页面加载表单(在提交时)在同一个对话框中打开处理页面
- 28. Bootstrap Select2打开一个加载对话框onStart部分刷新
- 29. Twitter bootstrap使手风琴的第一个面板默认打开
- 30. jQuery UI的模式,对话框:在对话框打开
解释你的问题在detail.What你试过吗? – devo
我还没有找到任何关于它的参考,所以我转向了SO。 – IamStalker
当你点击一个按钮时,你想打开多个模式吗? – devo