Javascript插件--模态框(Bootstrap)
2017-06-28 23:38
525 查看
通过data属性API调用所有的Bootstrap插件
可以通过
通过
方法解除与其他框架的命名空间冲突
也可以这么调用:
可以通过
$(document).off('.data-api')方法关闭
通过
var bootstrapButton = $.fn.button.noConflict() $.fn.bootstrapBtn = bootstrapButton
方法解除与其他框架的命名空间冲突
创建一个模态窗口 <div class="modal fade" id="modal-1" aria-hidden="true" role="dialog" aria-labelledby="ModalLabel"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h2 class="modal-title" id="ModalLabel">Modal title</h2> <button class="btn close" type="button" data-dismiss="modal" aria-hidden="true">×</button> </div> <div class="modal-body"> It's a modal dialog; </div> <div class="modal-footer"> <button type="button" class="btn-default" data-dismiss="modal">Close</button> <button type="button" calss="btn-primary" >OK</button> </div> </div> </div> </div>
也可以这么调用:
$('#myModal').modal(options)
相关文章推荐
- Bootstrap3.0学习第十七轮(JavaScript插件——模态框)
- bootstrap JavaScript 插件 之 模态框
- Bootstrap3.0学习第十七轮(JavaScript插件——模态框)
- Bootstrap3.0学习第十七轮(JavaScript插件——模态框)
- Bootstrap3.0学习教程十七:JavaScript插件模态框
- Bootstrap3.0学习第十八轮(JavaScript插件——下拉菜单)
- 推荐13款优秀的Twitter Bootstrap JavaScript插件
- bootstrap学习——javascript插件篇
- Bootstrap3.0学习第二十轮(JavaScript插件——滚动监听)
- Bootstrap3.0学习第十九轮(JavaScript插件——标签页)
- Bootstrap3.0学习第二十三轮(JavaScript插件——警告框)
- 推荐13款优秀的Twitter Bootstrap JavaScript插件
- JavaScript插件——Bootstrap中的JavaScript
- Bootstrap3.0学习第二十二轮(JavaScript插件——弹出框)
- 推荐13款优秀的Twitter Bootstrap JavaScript插件
- Bootstrap3.0学习第二十轮(JavaScript插件——滚动监听)
- Bootstrap3.0学习第十九轮(JavaScript插件——标签页)
- rails4使用bootstrap的模态框插件,结合ajax做出从弹出框选取内容返回给原页面的效果
- 推荐13款优秀的Twitter Bootstrap JavaScript插件
- Bootstrap3.0学习第二十五轮(JavaScript插件——折叠)