SweetAlert2

漂亮可定制的 JavaScript 弹窗
授权协议 MIT
开发语言 JavaScript
所属分类 iOS代码库、 弹出视图(Popup View)
软件类型 开源软件
地区 不详
投 递 者 越福
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

SweetAlert2 是一个漂亮、响应式、可定制、易用的(WAI-ARIA) JavaScript 弹窗(弹出框)。无任何依赖。


安装

npm install --save sweetalert2

或:

bower install --save sweetalert2

也可从 CDN 直接下载:cdnjs.com/limonte-sweetalert2

使用

<script src="bower_components/sweetalert2/dist/sweetalert2.min.js"></script>
<link rel="stylesheet" type="text/css" href="bower_components/sweetalert2/dist/sweetalert2.min.css">

<!-- Include a polyfill for ES6 Promises (optional) for IE11, UC Browser and Android browser support -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/core.js"></script>

或:

// ES6 Modules or TypeScript
import swal from 'sweetalert2'

// CommonJS
const swal = require('sweetalert2')

注意:支持 TypeScript ,因此不必安装第三方声明文件。

  • Sweetalert2 Ajax - 发布输入数据(Sweetalert2 Ajax - post input data) 我最近在我的项目上使用SweetAlert2,我想整理一个“添加注释”功能。 用户单击按钮,将定向到页面,然后执行以下操作。 swal({ title: "Add Note", input: "textarea", showCancelButton: true, confir

  • SweetAlert2例子 带有 确定和取消的 弹框1: 点击这里 带有 确定和取消的 弹框2: 点击这里 带有 展示 标签内容 的弹框: 点击这里 带有定位 和 消失时间的 弹框: 点击这里 自定义 第三方 css 的 弹框 (推荐使用 Animate.css ): 点击这里 右上角 通知类 弹窗: 点击这里 做 一个自己的 通用模版: 点击这里 $(function () { $(".demo

  • 我使用带有AJAX请求的SweetAlert2 Popup。一旦用户点击提交,我执行请求。 在PHP文件中,我对提交的数据进行了一些验证,根据结果,我想在SweetAlert2中为用户提供反馈作为信息。处理SweetAlert2中的AJAX返回值 这是我SweetAlert2代码: $('#sweet-ajax').click(function() { swal({ title: "Sure?",

  • 背景: 项目的开发中经常会遇到弹窗的问题,但是我们用到的弹窗都特别low,而且网上找了一下,发现easy-ui以及layer对应的弹窗都不是我想要的,后来发现sweetalert,发现评论还不错,所以个人尝试一下,并记录一下使用过程,便于他人借鉴。 SweetAlert2是一款功能强大的纯Js模态消息对话框插件。SweetAlert2用于替代浏览器默认的弹出对话框,它提供各种参数和方法,支持嵌入图

  • 最近在使用vue3+vite+vant时,遇到了v-model无法控制显隐的问题,vant作者在github中表示下版本会优化vant-dialog,所以找了sweetalert2插件,样式好看,所以就想砸和移动端试试,但是按照文档上customeClass不生效,所以查了github的issues,解决方法如下: import Swal from 'sweetalert2' const sw2

  • 我使用SweetAlert2从输入值,里面坐了自定义HTML,显示一些输入框打开警报。我想使用SweetAlert2中的正常确认/取消按钮将这些输入的值发送到套接字。 问题 我怎样才能得到这些输入值,使用正常SweetAlert2按钮?请不要建议使用普通输入或HTML按钮,因为这是一种解决方法,我不希望这样。 环境 我使用jQuery,SweetAlert2,和几个unrelevant库,如Vue

  • 有时,您将不得不向用户显示一个警告框,以使他们知道错误或通知。 浏览器提供的默认警报框的问题在于它们不是很吸引人。 当您创建具有丰富色彩组合和精美动画的网站以改善用户的浏览体验时,未设置样式的警报框似乎会不合适。 在本教程中,您将学习一个名为SweetAlert2的库,该库使我们可以创建各种警报消息,可以对其进行自定义以匹配我们自己网站的外观。 显示简单的警报消息 在向用户显示所有这些甜蜜警报消息

  • swal({ text: '预选完成提交我的课表,提交后无法更改!', icon: "success", buttons:['我再想想','保存课表'] }<

  • 原文地址:https://github.com/limonte/sweetalert2/wiki/Migration-from-SweetAlert-to-SweetAlert2 1. IE support 默认不制止IE,如果想支持IE11 <script src="bower_components/es6-promise/promise.auto.min.js"></script> 2. Pr

  • SweetAlert2是一款功能强大的纯Js模态消息对话框插件。SweetAlert2用于替代浏览器默认的弹出对话框,它提供各种参数和方法,支持嵌入图片,背景,HTML标签等,并提供5种内置的情景类,功能非常强大。 SweetAlert2是SweetAlert-js的升级版本,它解决了SweetAlert-js中不能嵌入HTML标签的问题,并对弹出对话框进行了优化,同时提供对各种表单元素的支持,还

  • 默认是毫秒级的 Swal.fire({ title: 'Auto close alert!', html: 'I will close in <b></b> milliseconds.', timer: 2000, timerProgressBar: true, onBeforeOpen: () => { Swal.showLoading() timerInte

  • 一个漂亮的、响应式的、可定制的和可访问(WAI-ARIA)的JAVASCRIPT弹窗,无任何依赖 中文文档地址:http://mishengqiang.com/sweetalert2/ 文档地址:https://sweetalert2.github.io/ GitHub项目地址:https://github.com/sweetalert2/sweetalert2 网站内教程十分详细就不再过多赘述

 相关资料
  • 本文向大家介绍jquery制作漂亮的弹出层提示消息特效,包括了jquery制作漂亮的弹出层提示消息特效的使用技巧和注意事项,需要的朋友参考一下 今天给大家带来一款基于jquery超炫的弹出层提示消息。这款实例页面初始时,一个go按钮。当单击go按钮时,提示强出层以动画形式出现。效果图如下: 实现的代码。 html代码: css代码: 以上就是基于jQuery制作的漂亮的弹出层提示特效的全部代码了,

  • 问题内容: 我在Map对象中有数据,我想以json格式打印。我尝试使用DefaultPrettyPrinter 但是格式不是我所期望的。我得到这样的输出: 我想要这样的输出: 问题答案: 您需要在数组值之前缩进。您可以使用方法设置对象,该对象将基本添加换行符,后跟2个空格。这可能会解决您的问题。

  • 问题内容: 如何以易于阅读的格式(对人类读者而言)显示JSON?我主要是在寻找缩进和空格,甚至可能是颜色/字体样式/等。 问题答案: 漂亮打印是在中本地实现的。第三个参数启用漂亮的打印并设置要使用的间距: 如果需要语法高亮显示,则可以使用一些正则表达式魔术,例如: 在这里查看操作:jsfiddle 或下面提供的完整代码段:

  • 问题内容: 我有一个字符串,它表示要打印的非缩进XML。例如: 应该变成: 语法高亮不是必需的。为了解决该问题,我首先将XML转换为添加回车符和空格,然后使用pre标记输出XML。为了添加新行和空白,我编写了以下函数: 然后,我像这样调用该函数: 这对我来说很好用,但是当我编写上一个函数时,我认为必须有更好的方法。所以我的问题是,给定XML字符串以将其漂亮地打印在html页面中,您是否知道更好的方

  • 本文向大家介绍微信小程序实现漂亮的弹窗效果,包括了微信小程序实现漂亮的弹窗效果的使用技巧和注意事项,需要的朋友参考一下 最近项目里需要实现一个带着logo的美美哒弹窗,可是翻遍小程序的文档也只能见到wx.showModal这个丑丑的东西…… 场面一度十分尴尬 可是得做啊,要不然产品大姐又要暴走了…… 好吧,来研究一下模态对话框的性质自己DIY吧~ 实现思路 模态对话框之所以被叫做“模态”,就是因为

  • 我有一小段代码来从web站点中提取表数据,然后以csv格式显示。问题是for循环多次打印记录。我不确定是不是因为 标签。顺便说一句,我是Python新手。谢谢你的帮助!

  • 问题内容: 我正在尝试找到一种易于理解的JavaScript数据结构调试方法。 我有一个相当大和复杂的数据结构存储在JS中,我需要编写一些代码来对其进行操作。为了弄清楚我在做什么和哪里出了问题,我真正需要的是能够完整地查看数据结构,并在我通过UI进行更改时对其进行更新。 除了找到一种将JavaScript数据结构转储到人类可读的字符串的好方法外,我还能处理所有这些事情。JSON可以,但是确实需要很

  • 问题内容: 我知道“ printf”方法可以使用字符串格式。 我的问题是:有没有办法用StringBuilder类创建漂亮的表? 例如: 在该行下,我必须添加各列的值! 做这样的事情:示例,但使用StringBuilder 所以社区希望看到我的答案(我不明白为什么……但是我会以任何方式表示出来!) 现在向我解释,为什么看到我的答案会对我有所帮助?我真的很想看看你的答案! 问题答案: 当然,一种简单