bootstrap3-dialog基于bootstrap3的弹出层组件

共8个文件

js：5个

css：2个

html：1个

bootstrap

5星 · 超过95%的资源需积分: 31 196 浏览量 2015-04-18 12:00:06 上传评论收藏 69KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

bootstrap3-dialog.zip （8个子文件）

index.html 3KB

dialog.js 7KB

jquery.js 91KB

dialog.min.js 3KB

bootstrap-dialog.min.js 19KB

bootstrap.min.js 35KB

css

bootstrap-dialog.min.css 2KB

bootstrap.min.css 111KB

<!DOCTYPE html> <html lang="utf-8"> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"/> <link rel="stylesheet" href="css/bootstrap-dialog.min.css" type="text/css"/> <script language="JavaScript" type="text/javascript" src="js/jquery.js"></script> <script language="JavaScript" type="text/javascript" src="js/bootstrap.min.js"></script> <script language="JavaScript" type="text/javascript" src="js/bootstrap-dialog.min.js"></script> <script language="JavaScript" type="text/javascript" src="js/dialog.min.js"></script> <title>BootstrapDialog examples</title> </head> <body> <section id="container"> <div class="panel-body"> <div class="row"> <div class="col-md-3 col-sm-3 col-xs-6"><input type="button" value="普通提示框" class="btn btn-primary" id="base_message"/></div> <div class="col-md-3 col-sm-3 col-xs-6"><input type="button" value="普通提示框-跳转页面" class="btn btn-primary" id="base_message_redirect"/></div> <div class="col-md-3 col-sm-3 col-xs-6"><input type="button" value="普通提示框-回调函数" class="btn btn-primary" id="base_message_callback"/></div> <div class="col-md-3 col-sm-3 col-xs-6"><input type="button" value="普通提示框-跳转页面+回调函数" class="btn btn-primary" id="base_message_redirect_callback"/></div> </div> <div class="row"> </div> <div class="row"> <div class="col-md-3 col-sm-3 col-xs-6"><input type="button" value="模态提示-成功" class="btn btn-primary" id="base_dialog_suc"/></div> <div class="col-md-3 col-sm-3 col-xs-6"><input type="button" value="模态提示-警告" class="btn btn-primary" id="base_dialog_warn"/></div> <div class="col-md-3 col-sm-3 col-xs-6"><input type="button" value="普通提示框-失败" class="btn btn-primary" id="base_dialog_err"/></div> <div class="col-md-3 col-sm-3 col-xs-6"></div> </div> </div> </section> </body> <script type="text/javascript"> $().ready( function() { $("#base_message").click(function(){ HSJ.util.msg.common({status:"success", message:"开始"}); }); $("#base_message_redirect").click(function(){ HSJ.util.msg.common({status:"error", message:"操作失败了！！！", uri:"#?aaa=123"}); }); $("#base_message_callback").click(function(){ HSJ.util.msg.common({status:"warn", message:"你得到了一个警告", callback:function(){alert("这是回调函数")}}); }); $("#base_message_redirect_callback").click(function(){ HSJ.util.msg.common({status:"success", message:"开始", uri:"#?abc=11111", callback:function(){alert("这是回调函数")}}); }); $("#base_dialog_suc").click(function(){ HSJ.util.confirm.common.suc({message:"我是提示信息", ok_callback:function(){alert("这是确定的回调函数")}, cancel_callback:function(){alert("这是取消的回调函数")}}); }); $("#base_dialog_warn").click(function(){ HSJ.util.confirm.common.warn({message:"我是提示信息", ok_callback:function(){alert("这是确定的回调函数")}, cancel_callback:function(){alert("这是取消的回调函数")}}); }); $("#base_dialog_err").click(function(){ HSJ.util.confirm.common.err({message:"我是提示信息", ok_callback:function(){alert("这是确定的回调函数")}, cancel_callback:function(){alert("这是取消的回调函数")}}); }); }); </script> </html>

评论收藏

内容反馈