bootstrap模态框风格插件：bootbox.js

最新推荐文章于 2025-01-20 09:09:41 发布

lost_wen

最新推荐文章于 2025-01-20 09:09:41 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/lost_wen/article/details/53909227

弹出层专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在Bootstrap的基础上利用Bootbox.js库创建自定义的提示对话框，包括两个示例：一个用于确认操作是否执行，另一个用于通知用户某项操作的状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在引入bootstrap基础上再引入bootbox.js文件

bootbox.dialog({	title : "失效提示",
	closeButton: false,
	animate: true,
	locale: "zh-CN",
	message : "确认失效："+restId+" ？",
	buttons : {
		"success" : {
			"label" : "确认",
			"className" : "btn btn-black btn-sm",
			"callback" : function() {
				
			}
		},
		"cancel" : {
			"label" : "取消",
			"className" : "btn btn-black btn-sm",
			"callback" : function() {
				
			}
		}
	}
});
				
bootbox.dialog({
	title : "提示",
	closeButton: false,
	animate: true,
	locale: "zh-CN",
	message : " "+restId+"未立即失效。",
	buttons : {
		"success" : {
			"label" : "确认",
			"className" : "btn btn-black btn-sm",
			"callback" : function() {

			}
		}
	}
});