bootbox自定义dialog、confirm、alert样式,以及基本设置方法setDefaults中可用参数
来源:互联网 发布:转发小视频软件 编辑:程序博客网 时间:2024/05/16 04:42
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title>bootbox自定义dialog、confirm、alert样式,基本全局设置方法setDefaults</title>
- <link href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" />
- <style>
- .btn-myStyle{ background-color: #2c3e50; color:#fff}
- .btn-myStyle:hover,.btn-myStyle:focus{color:#fff;text-decoration: none;}
- </style>
- </head>
- <body>
- <button id="test" class="btn btn-default">测试</button>
- <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
- <script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
- <script src="http://bootboxjs.com/bootbox.js"></script>
- <script>
- $(document).ready(function() {
- //bootbox.setDefaults({
- /**
- * @optional String
- * @default: en
- * which locale settings to use to translate the three
- * standard button labels: OK, CONFIRM, CANCEL
- */
- //locale: "fr",
- /**
- * @optional Boolean
- * @default: true
- * whether the dialog should be shown immediately
- */
- //show: true,
- /**
- * @optional Boolean
- * @default: true
- * whether the dialog should be have a backdrop or not
- */
- //backdrop: true,
- /**
- * @optional Boolean
- * @default: true
- * show a close button
- */
- //closeButton: true,
- /**
- * @optional Boolean
- * @default: true
- * animate the dialog in and out (not supported in < IE 10)
- */
- //animate: true,
- /**
- * @optional String
- * @default: null
- * an additional class to apply to the dialog wrapper
- */
- //className: "my-modal"
- //});
- });
- $(document).on("click", "#test", function (e) {
- /*bootbox.confirm("Hello world!", function (result) {
- if(result) {
- alert('点击了确认按钮');
- } else {
- alert('点击了取消按钮');
- }
- });
- bootbox.dialog({
- message: "I am a custom confirm",
- title: "Confirm title",
- buttons: {
- Cancel: {
- label: "Cancel",
- className: "btn-default",
- callback: function () {
- alert("Cancel");
- }
- }
- , OK: {
- label: "OK",
- className: "btn-primary",
- callback: function () {
- alert("OK");
- }
- }
- }
- });
- bootbox.confirm({
- buttons: {
- confirm: {
- label: '我是确认按钮',
- className: 'btn-myStyle'
- },
- cancel: {
- label: '我是取消按钮',
- className: 'btn-default'
- }
- },
- message: '提示信息',
- callback: function(result) {
- if(result) {
- alert('点击确认按钮了');
- } else {
- alert('点击取消按钮了');
- }
- },
- //title: "bootbox confirm也可以添加标题哦",
- });*/
- bootbox.alert({
- buttons: {
- ok: {
- label: '我是ok按钮',
- className: 'btn-myStyle'
- }
- },
- message: '提示信息',
- callback: function() {
- alert('关闭了alert');
- },
- title: "bootbox alert也可以添加标题哦",
- });
- });
- </script>
- </body>
- </html>
0 0
- bootbox自定义dialog、confirm、alert样式,以及基本设置方法setDefaults中可用参数
- bootbox自定义dialog、confirm、alert样式,以及基本设置方法setDefaults中可用参数
- bootbox自定义dialog、confirm、alert样式,以及基本设置方法setDefaults中可用参数
- bootbox自定义dialog、confirm、alert样式,以及基本设置方法setDefaults中可用参数
- bootbox模态框自定义dialog,fonfirm,alert控件
- 关于alert dialog 设置样式
- UIAlertview中自定义ALert, confirm, promopt
- Javascript中的window对象基本属性和方法以及对alert,confirm,prompt的使用
- 类似alert与confirm的自定义提示框样式
- 自定义alert和confirm
- bootstrap插件bootbox参数和自定义弹出框宽度设置
- bootstrap插件bootbox参数和自定义弹出框宽度设置
- JavaScript 与用户交互的基本方法:alert、confirm、prompt
- bootstrap 自定义alert 和 confirm
- Android中自定义dialog方法,可直接调用,更改样式
- Android中自定义Dialog样式
- Android中自定义Dialog样式
- WebBrowser控件中禁止alert,confirm等对话框的方法
- 异步请求网络数据
- 4.spark hash shuffer 解析
- 数据流向可视化
- 物理cpu 逻辑cpu cpu核数
- 关于Linux系统清理/tmp/文件夹的原理
- bootbox自定义dialog、confirm、alert样式,以及基本设置方法setDefaults中可用参数
- 单机搭建spark环境
- iOS开发 - 清除缓存
- iOS开发中常用字符串验证处理操作
- 配置spark源码阅读windows环境
- 从事C和C++开发者快速学python(三)
- 一个Linux下C线程池的实现
- Linux学习总结(6)——CenterOS7安装mysql5.5的方法
- 计算Spearman等级相关系数的VBA函数