专栏名称: GitHub好项目

GitHub上好项目分享；分享 GitHub 上知名的 Python、Java、Web、AI、数据分析等多个领域的优质学习资源、开源项目及开发者工具，为 GitHub 开发者提供优质编程资讯。

轻量、多主题、强大的jQuery模态弹窗插件

GitHub好项目 · 公众号 · · 2024-04-22 08:31

正文

大家好，我是GitHub好项目君，每天分享GitHub上的好项目

今天介绍： jquery-confirm

一款轻量级的基于jQuery的弹窗插件，可以自定义标题、内容、按键、回调函数、事件等，支持多种样式和主题，具有良好的响应式布局和移动适配性，适用于Web开发

镜像代码（中文）：

http://www.gitpp.com/four/jquery-confirm-cn

项目介绍

jquery-confirm 是一个基于 jQuery 的插件， 用于创建具有自定义样式和行为的弹出确认 框。这个插件提供了丰富的配置选项，使得开发者能够根据需要创建出各种样式和功能的确认框。

主要特点

易于使用：通过简单的 HTML 和 jQuery 代码，即可快速集成到项目中。
高度可定制：提供了大量的配置选项，允许开发者自定义弹出框的样式、内容、按钮等。
动画效果：支持多种动画效果，增强用户体验。
回调函数：可以在用户确认或取消操作时执行特定的回调函数，方便进行后续处理。

使用方法

首先，确保你的项目中已经引入了 jQuery 和 jquery-confirm 的相关文件。

然后，你可以通过以下方式使用 jquery-confirm ：

javascript复制代码

$.confirm({

title: '确认',

content: '你确定要执行这个操作吗？',

buttons: {

confirm: {

text: '确定',

btnClass: 'btn-blue',

action: function(){

// 用户点击“确定”按钮时执行的代码  

}

},

cancel: {

text: '取消',

action: function(){

// 用户点击“取消”按钮时执行的代码  

}

}

}

});

在上面的示例中，我们创建了一个包含标题、内容和两个按钮（确定和取消）的确认框。当用户点击“确定”或“取消”按钮时，会执行相应的回调函数。

请到「今天看啥」查看全文

推荐文章

航空工业 · 魏应彪一行到中航工业驻洛企事业单位开展调研工作

昨天

航空工业 · 中航工业党组传达学习习近平总书记近期重要讲话和重要指示批示精神

昨天

航空工业 · 中航工业基层员工登上央视春晚唱响新时代航空文化音符

3 天前

航空工业 · 护航亚冬，“吉祥”相伴

4 天前

航空工业 · 魏应彪一行在中航工业京区单位开展调研工作

4 天前

参考消息 · 万象 | 老外如何看雍和宫？英媒：喧闹市区的一片净土

8 年前

Ayawawa · 我是女家庭教师，喜欢上了我的学生（15岁）

7 年前

教你学风水转运 · iPhone 7哪儿买便宜？

7 年前

燕郊汇 · 以诺——京东又一所“北京十一学校”！

7 年前

铁血网 · 印度战机接连“失踪”，中国下的这步“棋”，印媒彻底坐不住了

7 年前

	$.confirm({
	title: '确认',
	content: '你确定要执行这个操作吗？',
	buttons: {
	confirm: {
	text: '确定',
	btnClass: 'btn-blue',
	action: function(){
	// 用户点击“确定”按钮时执行的代码
	}
	},
	cancel: {
	text: '取消',
	action: function(){
	// 用户点击“取消”按钮时执行的代码
	}
	}
	}
	});