问题标签 [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 回答
1675 浏览

javascript - 使用 SweetAlert.js 在单独的 javascript 代码中调用函数。不同范围的问题

我正在制作一个网站,我有一个功能允许用户拖放特定类型的文件,然后获取有关该文件的更多信息。除了一件事,我的代码运行良好。我有一个警告框(实际上是一个 SweetAlert 框),其中显示了用户想要查看的信息。我有处理文件的代码,然后制作一个 json,最后制作具有三个按钮的 html 代码,每个按钮都有自己的函数,驻留在我的 javascript 中。我的问题是,我希望用户能够单击三种不同类型的按钮来执行各种操作,但是 SweetAlert 框充当我网站顶部的新 html 页面并且有自己的范围。警报框无法识别我的 javascript 函数存在,因此它什么也不做。

为了调用这个警报,我使用了一个 ajax 请求。这是调用该函数的成功消息。数据是 json 格式。

这是我打印 json 格式和按钮的 javascript。为了简单起见,我没有包含一些部分,所以如果我的代码中的内容没有意义,请告诉我。

这是我的 SweetAlert,它在某种程度上充当了自己的 javascript 文件。

我正在阅读有关 SweetAlerts 如何在其中包含功能的示例,我需要帮助调用我的。如果有人认为他们可以帮助我,我愿意解释可能需要的任何其他内容,包括我尝试过和失败的事情。我什至会感谢有关如何解决此问题的一般想法。这是 SweetAlert 文档http://t4t5.github.io/sweetalert/的链接。

0 投票
2 回答
3113 浏览

javascript - 阻止使用 SweetAlert 提交表单

我的目标是仅在用户单击 SweetAlert 框上的“确定”后才允许提交表单。

所以,他点击一张图片(表格),出现带有一些说明的框,他阅读并点击“确定”,然后提交表格。

这是表单代码:

现在是 jQuery/Sweet Alert 部分:

问题:就像现在一样,框正在向用户显示,但几秒钟后,表单正在提交,即使他没有点击 SweetAlert 框上的 OK 按钮。

只有当他单击“确定”时才必须提交表格。

任何帮助将非常感激。(对不起,我知道这是一个愚蠢的问题,但 SweetAlert 文档并没有帮助我)。

0 投票
1 回答
1241 浏览

jquery - sweetAlert2 不断返回 true 并覆盖我的主要操作

我正在尝试使用 sweetAlert2 确认对话框覆盖默认的确认()对话框。

但是,它会继续返回并继续删除过程,而无需单击“确定”。

这个想法很简单。我在任何可能需要确认的链接上都有一个类,确认消息被分配给数据消息属性。

通常情况下,它会自动跳到 URL,而不是等待单击 OK 按钮。

我查看了显示附加对话框的示例,该对话框向用户表示感谢,但在这种情况下,我试图仅在单击“确定”时才返回 true。不显示附加对话框。

非常感谢任何提示

0 投票
0 回答
975 浏览

javascript - 甜蜜警报 Yii

我正在尝试在确认选项中使用 yii 中的甜蜜警报。

我有一个 ajax 按钮,我希望弹出甜蜜警报,一旦用户选择确认或取消,我就可以继续 ajax 请求或停止。

我正在使用 beforesend 来显示甜蜜的警报框。问题是,只要该框出现,x 就会返回,然后会显示稍后看到的警报。这是我的甜蜜警报代码:

我的问题是如何才能返回 isconfirm 的值,并且在单击确认/取消按钮之前,不会发送 ajax 请求。

0 投票
1 回答
4821 浏览

jquery - Remove row in data table with SweetAlert confirmation

I'm trying to remove a row by pressing the delete icon, but I first want a SweetAlert confirmation window.

My code:

https://jsfiddle.net/6n3zsfd5/

The alert window is not appearing. What am I doing wrong?

0 投票
1 回答
1034 浏览

javascript - sweetAlert 没有出现

到目前为止的代码:

我不清楚为什么当我点击第一个按钮时,sweetAlert 动画仍然没有弹出。我已经尝试将行移动<script>到脚本的不同部分,但它仍然不起作用。那么我该如何解决这个问题呢?

0 投票
0 回答
1893 浏览

javascript - 如何修复甜蜜警报,使其在手机上显示文字?

弹出窗口的文本和图标不会显示在某些安卓设备上。这是一个视频,展示了会发生什么。

这不会发生在桌面或 iOS 上。

这是我的网站头中的代码:

我正在使用动画:“从顶部滑动”并尝试更改为“真实”,但这没有帮助。我还尝试了“假”,只是排除了“动画:”这一行。

我认为在弹出窗口之前阻止滚动可能会有所帮助,但我也不知道该怎么做。而且它也感觉像一个黑客,而不是一个真正的解决方案......

有任何想法吗?

谢谢!戴夫

0 投票
2 回答
24106 浏览

javascript - 如何将 HTML 输入添加到甜蜜警报中?

我正在尝试使用甜蜜警报将单选按钮添加到对话框中,但我无法做到。以下是代码:

0 投票
0 回答
2499 浏览

javascript - 在 IE 11 中使用甜蜜警报时遇到错误

我正在尝试在我的应用程序中使用甜蜜警报,它在除 IE(版本 11)之外的所有浏览器中都能正常工作。当我调用 swal() 函数时会出现以下错误。

第一个错误来自 sweetalert.min.js,第二个来自我调用 swal 函数的脚本。

0 投票
4 回答
22181 浏览

angularjs - 添加甜蜜警报角度js

我是 AngularJS 的新手,我正在尝试使用来自https://github.com/oitozero/ngSweetAlert的甜蜜警报插件,我已经将相应的脚本添加到我的 index.html 中,如下所示:

索引.html

正如文档所说。现在在我的ctrl.js我有这个:

但是不起作用,在我的浏览器上,我从开发人员工具中收到了这个错误:

错误:[$injector:unpr] http://errors.angularjs.org/1.4.3/$injector/unpr?p0=oitozero.ngSweetAlertProvider%20%3C-""itozero.ngSweetAlert%20%3C-%20MiSolicitudCtrl at在http://localhost:8081/assets/libs/angular/angular.min.js:6:416http://localhost:8081/assets/libs/angular/angular.min.js:40的错误(本机):375 在 Object.d [as get] ( http://localhost:8081/assets/libs/angular/angular.min.js:38:364 ) 在http://localhost:8081/assets/libs/angular/ angular.min.js:40:449 at d ( http://localhost:8081/assets/libs/angular/angular.min.js:38:364 ) at e ( http://localhost:8081/assets/libs /angular/angular.min.js:39:124) 在 Object.instantiate ( http://localhost:8081/assets/libs/angular/angular.min.js:39:273 ) 在 $get ( http://localhost:8081/assets/libs/angular/angular. min.js:80:228)在链接(http://localhost:8081/assets/libs/angular/angular-route.min.js:7:268

我怎样才能正确实现这个插件?

更新 1

我已经尝试过@Pankaj Parkar 和@Mike G 的这个建议

像这样

我的开发人员工具会抛出此消息: