问题标签 [sweetalert2]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1303 浏览

javascript - sweetalert2 Uncaught (in promise) 取消

我浏览了此处的示例,但找不到解决方案?我脑子里想的是我从开发者网站上拿了代码,只在它说我可以的地方添加了我的一点。它加载到除 IE 之外的所有浏览器上。请提供建议,因为这让我很头疼。我在 chrome 和 firefox 上执行错误代码,但它会加载。

错误代码是:未捕获(承诺)取消

我的代码在 javascript 中,同时检查我们的会话是否处于活动状态

任何帮助都会帮助我拔掉头发,谢谢

0 投票
1 回答
838 浏览

angularjs - Angularjs变量值第一次没有更新sweetAlert是成功的

我使用了 AngularJS v1.5.3 & vendor.bundle.js 和 app.bundle.js

在此单击以显示按钮并显示 swal 确认框,我按下“是的,显示它!” 按钮和 div 不显示但是,我第二次按然后显示这个 div,我的意思是 $scope.displayDiv 值正在改变,但第一次没有任何影响请给我解决方案

在这里我粘贴我的代码:

0 投票
2 回答
5696 浏览

javascript - 使用 SweetAlert2 替换 ASP.Net 按钮上的“return confirm()”

在 ASP.Net 中工作时,我经常喜欢“你确定吗?” 单击删除按钮之类的东西时弹出窗口。这很容易做到,如下所示:

我真的很喜欢 SweetAlert2 确认对话框的样式和总体感觉,但是当我尝试以类似的方式集成它们时,它们似乎有点麻烦。有人可以向我解释我如何能够根据单击的按钮返回 SweetAlert2 对话框结果以继续或停止吗?

这是我到目前为止所得到的:

对话框出现并且删除没有被处理,当然,因为我目前正在做一个event.preventDefault()并且没有返回任何内容。我还注意到我可以使用 promises.then() ,在 my 之后添加一个swal({...}),但是我不确定在这种情况下如何使用它。

如果需要,我可以使用实际触发代码隐藏方法的隐藏按钮变得棘手,并根据用户选择单击该隐藏按钮,但我希​​望避免这种情况。

0 投票
2 回答
82 浏览

javascript - 为键值对构建 JSON 结构,其中每个项目的键都更改?

我正在使用SweetAlert2,我需要创建将在选择框中填充的选项。我知道我可以使用“inputOptions”字段,但是,我在下面查看了他们的示例(来自他们的网站):

现在,当您拥有一组固定的硬编码数据时,这真是太好了。但是,在我的用例中,我需要能够从数据库中提取这些内容,而我的 API 已经通过 REST 端点完成了这项工作,并且可以说我以以下结构将其取回:

有没有一种简单的方法可以将底部格式转换为顶部格式?

我尝试对其进行迭代,为每个变量创建一个 var,如下所示:

但这似乎不起作用?我真的可以在这里使用一些帮助。

提前致谢!

0 投票
1 回答
6042 浏览

javascript - 在 sweetAlert 中突出显示默认文本输入

我有一个SweetAlert2允许文本输入,我给它一个默认值。我希望在弹出警报时突出显示此默认值,以便用户可以在需要时立即覆盖它。这是一个例子:

在此处输入图像描述

这是我使用 sweetAlert 选项调用的函数:

我将如何去做(如果可能的话)?我考虑过使用 jQuery,但我不确定如何获得对 sweetAlert 对话的引用。任何建议,将不胜感激。

0 投票
2 回答
11194 浏览

javascript - 从 SweetAlert2 选择框中获取价值?

我有以下代码...用于甜蜜警报文本框

出于某种原因,它只是在“您选择”部分返回“true”......

我想获取项目的 ID。

0 投票
1 回答
1884 浏览

javascript - 自定义 sweetalert2 输出原始 json

消息显示的JSON格式 如果注册成功或失败,我想显示一条 sweetalert 消息(我在 jquery 文件中编写了 sweetalert 代码)并将其包含在注册视图页面中(它包含在所有页面扩展的 master.blade.php 中)而是在显示 sweetalert 错误或成功消息时,它会一直显示已解析的 json 格式消息。

这些是创建的文件。

custom_file.js

registraion.blade.php 文件

这是 RegisterController.php 脚本

0 投票
1 回答
994 浏览

javascript - Sweet Alert 2 中的 Vue.js 动态 HTML 和 Vue 指令

我正在尝试使用 Sweet Alert 显示警报,在顶部输入作为搜索过滤器,然后我想results根据在警报中输入的内容进行过滤。

问题是,Vue 指令似乎没有在 Sweet Alert 中生效——可能是因为它不在#app. 令我惊讶的是,我没有看到太多的问题,所以我认为我只是做错了什么。

有没有办法在 Sweet Alert 的标记中添加 Vue 指令、事件等?

谢谢

0 投票
2 回答
1873 浏览

aurelia - Sweetalert2 不会关闭

使用

  • aurelia-cli - 0.30.1
  • sweetalert2 - 6.6.5
  • 打字稿 - 2.3.3
  • 最新浏览器(FF、Chrome、IE、Opera)

ts代码

警报显示没有问题,但单击确认按钮不会关闭警报。警报也不会在外部点击时关闭。按 ESC 或 ENTER 可以正常工作。没有错误抛出...

知道为什么这不接受点击吗?

我在这些上放了断点

在 swal 源中,但他们永远不会被击中......

还尝试将 target 设置为 以外body的其他值,结果相同。

0 投票
2 回答
1975 浏览

javascript - 延迟 sweetalert2 中按钮的出现

我正在使用SweetAlert2向用户传达一些反馈。这是一个学习应用程序,因此,我希望反馈能够持续一段时间。我不想在显示反馈后立即显示任何按钮,因为人们倾向于只单击“确定”或“取消”,而不阅读文本。

反馈中的字符数因屏幕而异,因此,我使用 sweetalert2 的 timer 参数作为文本中字符数的倍数。但是,计时器功能并不完善,因为人们的阅读速度不同。理想情况下,我希望在计时器超时后出现“确定”按钮。我可以进行某种 API 调用来动态更改警报框的属性吗?