bootstrap3-dialog-master模态框

  bootstrap3-dialog-master是一款高效，灵活的模态框，此处为基本知识！

1、源码地址

https://github.com/nakupanda/bootstrap3-dialog

2、效果展示

3、示例代码

所需引入的js和css

<link rel="stylesheet" type="text/css" href="css/bootstrap-dialog.css">
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
		<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js/bootstrap-dialog.js"></script>

初始化

<button type="button" id="tm" class="btn btn-primary" style="margin: 100px;"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span>点我</button>
			

js实现代码

<script >
					
					$(function(){
					
					$('#tm').on('click',function(){

						BootstrapDialog.show({
							type : BootstrapDialog.TYPE_DANGER,
	  						message: '你确定要删除吗？',
	  						size : BootstrapDialog.SIZE_NORMAL,
							buttons: [{
							label: '确定',
							action: function(dialog) {
							dialog.close();
							}
							}, {
							label: '取消',
							action: function(dialog) {
							dialog.close();
							}
							}]
						});
							})	
					})	


				
					</script>