sweetalert2 相关问题

一个响应式,可自定义,可访问(WAI-ARIA)替代JavaScript的弹出框,具有零依赖性。将此标记用于涉及使用此库的问题。

Django用ajax删除记录只有手动刷新后才消失

我想使用 Ajax 和 Sweetalert2 对话框从表中删除记录。但是,当我单击删除按钮并确认删除时,该项目将从模式中删除,但在...

回答 1 投票 0

Sweet Alert 2 js 库,具有来自 blazor 服务器的 Interop

我有一个 blazor 服务器应用程序,我想在其中使用 sweetalert2 方法,我想使用 js interop 来完成它,而不是通过 nuget sweetalert 包。下面是我的代码 应用剃刀 我有一个 blazor 服务器应用程序,我想在其中使用 sweetalert2 方法,我想使用 js interop 来完成它,而不是通过 nuget sweetalert 包。下面是我的代码 App.razor <body> <Routes @rendermode=RenderMode.InteractiveServer /> <script src="bootstrap/jquery.min.js"></script> <script src="bootstrap/bootstrap.bundle.min.js"></script> <script src="sweetalert2/sweetalert2.all.min.js"></script> <script src="js/app.js"></script> <script src="_framework/blazor.web.js"></script> </body> 在 _framework/blazor.web.js 之前包含 sweetalert2.all.min.js 在函数上单击 C# 代码 private void CallJs() { Js.InvokeVoidAsync("Swal.fire", args: "Some message to display"); } 这应该调用最简单的甜蜜警报形式,如下所示 Swal.fire("SweetAlert2 is working!"); 但是上面不起作用 我尝试使用另一个具有正常警报的文件作为 function sayHello(name) { alert(`Hello ${name}`); } 在c#中 private void CallJs() { Js.InvokeVoidAsync("sayHello", args: "Bob"); } 上面的方法可以工作,但是当与 sweetalert、bootstrap 这样的库一起使用 js 互操作时......它不起作用,如何在这里正确调用 sweetlaert 方法? 我正在使用.net 8.0 网络参考作品 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.all.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.min.css" rel="stylesheet">

回答 1 投票 0

div 内的 SweetAlert2

我遇到了同样的问题,我想在 div 中包含 sweetalert2 (不是 sweetalert toast),因为我希望除它之外的另一个 div 在弹出 sweetalert 时可以滚动。我已经尝试过以上...

回答 2 投票 0

当地图全屏时,如何强制 Sweet Alert 2 在 Google 地图上触发?

我有一个使用 Google 地图的应用程序。我正在使用 Sweet Alert 2 进行 js 确认。只要 Google 地图不处于全屏模式,我就不会遇到触发 Sweet Alert 对话框的问题。

回答 1 投票 0

Sweetalert 在 Laravel 后端事件后未触发

我正在使用 SweetAlert2 显示我的 TALL (Laravel 11 x Livewire 3) Stack 应用程序的通知。 我尝试利用 Laravel Trait 使其可重用,并将前端代码放在主代码上

回答 1 投票 0

SweetAlert2 按 Return 触发时消失

我正在使用 document.onkeydown 在将元素选项卡到以下位置时按下 Return 键时触发: 更新: 函数检测特殊键(e){ var evtobj=窗口.事件?事件:e; //区分

回答 1 投票 0

我的 sweelart2 总是在我的 v-dialog (vuetify 3) 后面?

为什么我的 sweetalert2 总是在 vuetify3 中的 v-dialog 后面? 有人可以帮我解决这个问题吗? 我尝试了 sweetalert2 的一些替代方案,但没有解决方案。 当我使用 sweetalert 时...

回答 1 投票 0

sweetalert2 脚本在得到回显时不会在 php 中显示弹出消息

sweetalert2 脚本无法被 php 使用 echo 识别。我在 github 上下载了脚本文件,当我将 sweetalert 脚本放入 php 时,脚本消息不会显示在我的上。但是当我把

回答 1 投票 0

使用 SweetAlert 或 SweetAlert2

任何人都可以建议我应该使用哪个 sweetalert 库以及为什么? 我正在编写一个 Node.js Web 应用程序,在对我可以使用哪些奇特的警报库进行一些研究后,我遇到了其中的两个......

回答 4 投票 0

React-Select 在 Sweetalert2 中不起作用

我尝试在 Sweetalert2 中使用 React-Select 组件,但是当 sweetalert 在屏幕上弹出时,它会在控制台上抛出错误。附图包含错误描述 这是我的...

回答 2 投票 0

如何让sweetalert2在不可滚动页面上不隐藏滚动条?

现在我遇到了 sweetalert2 的问题。 我有一个网站,有些页面需要滚动,有些页面不需要滚动。 所以我通过使用解决了这个问题 身体 { 溢出-y:滚动; } 我的问题...

回答 1 投票 0

在 SweetAlert2 上选择“取消”时如何防止模式关闭?

我不希望当我单击“取消(删除)”按钮时关闭模式,仅当失去焦点或单击关闭按钮时才关闭。如何防止关闭?

回答 2 投票 0

在 SweetAlert2 弹出窗口中显示 aspx 页面?

我想在弹出窗口中显示自定义aspx页面。我正在使用 Sweetalert2.js 并尝试使用 iframe 加载 aspx 页面。 问题是:我有母版页,当我尝试下载页面的未渲染代码时...

回答 1 投票 0

Sweetalert2 - 动态更改显示的文本 - Angular2

异步收到响应后如何更改文本? var swText = "Importiranje kvota, molimo sačekajte..."; swal({ html: swText }); swal.showLoading(); ...

回答 2 投票 0

将变量从表单和 Sweetalert 发布到 PHP?

我有以下代码。我需要表单中的变量“$computerID”和变量“hardwareComputerName”。我测试了一些东西,但没有任何效果。变量“$

回答 1 投票 0

如何更改SweetAlert2的关闭动画?

我正在使用 SweetAlert2 v8 和 animate.css 来更改弹出动画。我使用的动画是 fadeInRight。我也在使用链接警报,并想将关闭动画更改为

回答 2 投票 0

sweetalert2 更改弹出图标颜色

我正在尝试更改 swal2-error 的 SweetAlert2 弹出图标颜色。 我已经更改了节点包中的变量颜色,并将变量放入我的组件 scss 和全局

回答 3 投票 0

我不明白为什么我的按钮无法与 SweetAlert2 通信

我有一份向员工发放装备和设备的表格。在底部,我有一个按钮,应该使用 SweetAlert2 弹出协议消息。我在头部有脚本和 CSS 链接

回答 1 投票 0

如何使用SweetAlert2捕获表单提交方法

我的javascript知识也很差所以请帮助。 我正在尝试保护用户页面并添加确认对话框以进行删除。 但我不知道如何捕获提交方法。 我使用来自

回答 2 投票 0

Laravel 的 @vite('resources/js/app.js') 和 froala 编辑器插件不能一起工作

我在 Laravel 网站中使用基于 Vue.js 的评论系统和收件箱消息系统。我还在我的表单中使用所见即所得编辑器(froala 编辑器)来进行项目上传等, 问题是我 froala

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.