问题标签 [sweetalert]

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 回答
300 浏览

sweetalert - Sweetalert 确认按钮会中断输入字段

当我在甜蜜警报上使用输入字段时,我遇到了一个奇怪的错误,我的输入字段内不能有光标,这是一个 jsfiddle。

https://jsfiddle.net/gvzwu5st/

如果我包括

然后它工作正常这里是小提琴

https://jsfiddle.net/16L4sddt/

0 投票
1 回答
66 浏览

javascript - 将javascript添加到由javascript生成的html中

我正在使用其内置的“html”命令编写一些复杂的 sweetalert 弹出窗口:

我正在尝试创建一个下拉菜单并根据 javascript 对象中的数据填充它,该对象newList在函数开始时从 PHP 回显。

我遇到了这行代码的问题:

如果我取出for循环,我可以用一个单一的填充选择<li>并且代码将运行,所以我确定这是引起戏剧性的行。

我知道我可以将 javascript 插入其中,因为这条线有效:

我只是不确定我可以插入整个for循环......

我在这里做错了什么?

0 投票
2 回答
644 浏览

sweetalert - 按下空格键关闭甜蜜警报。

我有一个带有文本区域的甜蜜警报,按空格键时窗口正在关闭。

我可以防止这种行为吗?

0 投票
1 回答
179 浏览

javascript - javascript sweetalert alertbox 出现问题

我正在使用 sweetalert ( http://t4t5.github.io/sweetalert/ ) 来弹出警报消息,而不是使用标准的 javascript 警报框。我已经安装了必要的库。它仅在某些条件下起作用,但在其他条件下不会出现。这段代码:

正如预期的那样工作正常。但是,如果我这样编码:

即使所有值都为空,也只会弹出最后一条消息 (C)。有谁有sweetalert的经验可以帮助我吗?

0 投票
1 回答
152 浏览

javascript - 如何动态填充 javascript 函数的选项

我有一个应用程序,其中 javascript 和 html 在很大程度上是分开的。我正在尝试使用 javascript 或 jquery 编写一些东西,它将从 html 元素中提取所有数据属性,并将它们动态地放入 javascript 函数的选项中。有很多选项,每次提到这个脚本,并不是都会用到。

首先是一个例子,然后我会展示我是如何做到的(半成功)。

HTML:

Javascript:

直线前进对吗?好的,现在让我们看中并动态填充它。所以我想要的是能够在 sweetAlert api 中找到一个选项,然后能够简单地将它附加到我的 html 元素上data-attribute。这样前端人员可以快速添加 html,而无需到处都是脚本标签。

这是我到目前为止所做的,实际上确实有效并给了我适当的结果,除了需要非字符串的选项(例如布尔值)。

所以这个函数可以正常工作并正确地提取标题和描述。但是,它不能正确地引入布尔选项。

有没有人知道如何改进这一点,以便我能够设置布尔选项(至少)和次要整数选项?

肯定有人以前做过这种事情……在此先感谢!

0 投票
1 回答
1560 浏览

javascript - 在 sweetalert 中更改变量

我想根据用户是否按确定来更改变量。然后我将变量传递给 ajax 代码。

基本上,当我在上面的函数中编写 ajax 3 次(!)时,它就起作用了。

我尝试通过更改 swal 内部的变量 update_plan 然后在 swal 外部运行 ajax 来简化它,但是 swal 不像正常警报那样工作,因为代码继续运行并且在警报弹出时不会停止 - 相反定期发出停止代码运行的警报。有什么办法可以提高效率吗?

0 投票
0 回答
221 浏览

javascript - 查看模型未更新 - 应用/摘要已在运行

我有一个奇怪的问题,我希望我遗漏了一些明显的东西。“Sweet Alert”只是弹出一个更漂亮的角度模态 -isConfimed当您单击模态上的“确定”时,该块执行。

这是问题所在 - 我放入“isConfirmed”块执行中的任何代码 - 我可以记录它等,但它不会更新范围。例如,如果我有 $scope.test 并在块中更改它然后记录它,日志将显示它已更改,但更改不会反映在 UI 上。我尝试了应用/摘要,但它告诉我应用/摘要已经在运行。

有趣的是,代码在块外运行完美(在底部注释掉示例)。有什么好笑的?承诺是用于测试的——它没有帮助。我认为它没有看到范围,所以我尝试在 rootScope 上广播,也无济于事。

我完全不知所措。

编辑:我刚刚发现,如果我将代码置于超时状态,它就会起作用。什么#@!@。

0 投票
1 回答
501 浏览

javascript - 无法使用 SweeAlert (angular-sweetalert) 更新 AngularJs 中的视图调用两次更新视图。为什么?

我正在使用angular-sweetalert lib在我的应用程序中显示弹出窗口。

这是视图:

我面临的问题是,每当我调用 changeEmailAddress 函数时,输入我的输入,然后按 OK。它出现在函数(输入)中,我更改了用户输入的“at.user.email”中的值。

它在后端发生变化,但不会在视图中更新。当我再次单击时,它会更新视图。

正如John Papa Blog在他的博客中提到的那样,我没有使用 $scope、$rootScope 。但是他没有提到调用ngDialog,或者SweetAlert类型的服务时如何解决。

请帮助我如何刷新视图并显示模型中的最新更改。

提前谢谢。

0 投票
1 回答
642 浏览

javascript - 在 VueJs 中使用 Promise 控制事件流

我有一个处理 HTTP 请求的 Vue 指令。我正在尝试做的是利用承诺并将 SweetAlert 挂钩到流程中。我首先启动 onRequestSubmit

在 onRequestSubmit

我希望 fireFlashMessage 在用户确认时返回 true,以便 onRequestSubmit 可以委托请求。

我的问题是:我应该将 fireFlashMessage 包装在一个 Promise 中并在调用成功返回时继续执行then吗?我对 Promises 很陌生,有点难以理解它们。

0 投票
0 回答
185 浏览

javascript - 将 SweetAlert 的容器定义为 Gray-Mask

我正在使用SweetAlert来显示结构化 JSON 结果的成功或错误。该swal调用是根据用户对文档窗口顶部的模态窗口所采取的操作进行的。从用户体验的角度来看,预计 SweetAlert 会使模态窗口变灰,但是,因为 SweetAlert(和调用 Javascript)驻留在文档级别,文档窗口(而不是模态窗口)被 SweetAlert 变灰。

不仅将模态窗口变灰更可取,因为这是动作的来源,而且将灰色蒙版直接应用于 SweetAlert 后面的元素/容器可以使其从页面的其余部分中脱颖而出。在下图中,您可以看到 SweetAlert 如何融入页面,而没有将灰色蒙版正确应用于其后面的任何容器。

(这应该没关系,但要解决不可避免的问题:模式窗口是使用Kendo UI Window小部件创建的)

我在 SweetAlert API 中看不到任何可配置选项,这些选项允许我传入一个可选容器以进行灰色屏蔽。有没有已知的方法可以告诉 SweetAlert 它应该使用哪个容器来进行灰色遮罩?

在此处输入图像描述