您的位置:首页 > Web前端 > BootStrap

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)




内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: