关于bootbox.js自定义弹出框样式,如修改宽度等

最近在用bootbox.js,发现弹出框没法自定义宽度,于是就看了源码,并改了源码
下面是修改之后的部分代码:

p.dialog = function (a) {a = h(a);var d = b(n.dialog),f = d.find(".modal-dialog"),i = d.find(".modal-body"),j = a.buttons,k = "",l = {onEscape: a.onEscape};f.css(a.boxCss);//后来添加,用于控制弹出框cssif (b.fn.modal === c) throw new Error("$.fn.modal is not defined; please double check you have included the Bootstrap JavaScript library. See http://getbootstrap.com/javascript/ for more details.");if (g(j, function (a, b) {k += "<button data-bb-handler='" + a + "' type='button' class='btn " + b.className + "'>" + b.label + "</button>", l[a] = b.callback}), i.find(".bootbox-body").html(a.message), a.animate === !0 && d.addClass("fade"), a.className && d.addClass(a.className), "large" === a.size ? f.addClass("modal-lg") : "small" === a.size && f.addClass("modal-sm"), a.title && i.before(n.header), a.closeButton) {var m = b(n.closeButton);a.title ? d.find(".modal-header").prepend(m) : m.css("margin-top", "-10px").prependTo(i)}return a.title && d.find(".modal-title").html(a.title), k.length && (i.after(n.footer), d.find(".modal-footer").html(k)), d.on("hidden.bs.modal", function (a) {a.target === this && d.remove()}), d.on("shown.bs.modal", function () {d.find(".btn-primary:first").focus()}), "static" !== a.backdrop && d.on("click.dismiss.bs.modal", function (a) {d.children(".modal-backdrop").length && (a.currentTarget = d.children(".modal-backdrop").get(0)), a.target === a.currentTarget && d.trigger("escape.close.bb")}), d.on("escape.close.bb", function (a) {l.onEscape && e(a, d, l.onEscape)}), d.on("click", ".modal-footer button", function (a) {var c = b(this).data("bb-handler");e(a, d, l[c])}), d.on("click", ".bootbox-close-button", function (a) {e(a, d, l.onEscape)}), d.on("keyup", function (a) {27 === a.which && d.trigger("escape.close.bb")}), b(a.container).append(d), d.modal({backdrop: a.backdrop ? "static" : !1,keyboard: !1,show: !1}), a.show && d.modal("show"), d}

下面是调用的代码:

bootbox.dialog({boxCss:{"width":"400px"},//这里添加了新的csstitle: "<span class='bigger-110'>确认审核</span>",message: "将key_value修改为:"+record.tempKeyValue+",原值:"+record.keyValue,buttons:{"success" :{"label" : "<i class='ace-icon fa fa-check'></i> 审核通过","className" : "btn-sm btn-success","callback": function() {$.post("system/system-audit",{id:v, isAudit:'1'},function(data){dataList.reload();alert(data.data);},"json");}},"danger" :{"label" : "审核不通过","className" : "btn-sm btn-danger","callback": function() {$.post("system/system-audit",{id:v, isAudit:'0'},function(data){dataList.reload();alert(data.data);},"json");}}}
});

由于上面是代码混淆的,可能你们的代码和我的不大一样
下面链接是我改完的完整js,有需要的自行下载
下载地址

关于bootbox.js自定义弹出框样式,如修改宽度等相关推荐

android自定义弹出框样式实现
前言: 做项目时,感觉Android自带的弹出框样式比较丑,很多应用都是自己做的弹出框,这里也试着自己做了一个. 废话不说先上图片: 实现机制 1.先自定义一个弹出框的样式 2.自己实现CustomD ...
所有网站都通用的自定义弹出框alert
A.所有网站都通用的自定义弹出框.A </body> <script>var Alert = function(data){//没有数据则返回if(!data){return; ...
android 弹窗有边框_Android 多种简单的弹出框样式设置代码
简介这是一个基于AlertDialog和Dialog这两个类封装的多种弹出框样式,其中提供各种简单样式的弹出框使用说明.同时也可自定义弹出框. 特性 1.使用链式开发代码简洁明了 2.所有的弹出框样 ...
android开发自动提示框,Android 多种简单的弹出框样式设置代码
简介这是一个基于AlertDialog和Dialog这两个类封装的多种弹出框样式,其中提供各种简单样式的弹出框使用说明.同时也可自定义弹出框. 项目地址:http://www.easck.com/j ...
OpenLayers标记地图点及点击地图点显示自定义弹出框
css代码(设置弹出框样式) /*设置弹出框样式*/.ol-popup {position: absolute;background-color: #eeeeee;-webkit-filter: dr ...
android弹出框自定义按钮,安卓（kotlin）自定义弹出框
在安卓开发中,我们经常会遇到这种情况,就是可爱的UI们设计了一套属于我们自己风格的弹出框,为了彰显我们自己的风格,使用自动的dialog当然满足不了我们的需求,所以还是得这基础上写出我们自己的提示框, ...
Android 多种简单的弹出框样式设置
简介这是一个基于AlertDialog和Dialog这两个类封装的多种弹出框样式,其中提供各种简单样式的弹出框使用说明.同时也可自定义弹出框. 项目地址:https://github.com/Liu ...
js swal()弹出框
做前端开发的时候时常会遇到修改成功.新增成功这类弹出框,用alert的话未免有点太low了,而swal()是一个简单又实用的弹出框方法 alert 弹出框样式如下: swal() 弹出框样式如下: 代 ...
react native仿微信性别选择-自定义弹出框
简述要实现微信性别选择需要使用两部分的技术: 第一.是自定义弹出框: 第二.单选框控件使用: 效果实现一.配置弹出框弹出框用的是:react-native-popup-dialog(Git地址 ...
Qt总结：QMessageBox（原生态弹出框及究极超nice封装自定义弹出框）
一.前言在Qt中经常需要弹出窗口,QMessageBox可以实现此功能,一共有三种窗口,information, question, 和 warning,critical, about分别对应感叹号 ...

关于bootbox.js自定义弹出框样式,如修改宽度等

关于bootbox.js自定义弹出框样式,如修改宽度等相关推荐

最新文章

热门文章