你的位置:首页 > Java教程

[Java教程][原]经典bootstrap模态框使用文章

1,Bootstrap 模态对话框和简单使用

 

div id="myModal" ><div class="modal-header"><button type="button" class="close" data-dismiss="modal">x</button><h3>对话框标题</h3></div><div class="modal-body"><p>对话框主体</p></div><div class="modal-footer"><a href="#" class="btn" data-dismiss="modal">取消</a><a href="#" class="btn btn-primary" data-dismiss="modal">确定</a></div></div> 

可以使用按钮或链接直接调用模态对话框,这是简单的用法:

<a href="#modal1" role="button" class="btn btn-primary btn-sm" data-toggle="modal">合同添加</a>

另外,当你需要让对话框能够在每次打开时表单数据清空,如下:

$('#modal1').modal('hide'); $("#modal1").on("hidden", function() {$('#form1')[0].reset();}); //添加合同后,清空表单操作