Sweetalert2不会关闭-Java 学习之路

运用

aurelia-cli - 0.30.1
sweetalert2 - 6.6.5
打字稿 - 2.3.3
最新浏览器（FF，Chrome，IE，Opera）

ts代码

public showHelp() {
    swal('Test').then((out) => {
      console.log(out);
    }).catch((error) => console.log(error));
}

警报显示没有问题，但单击确认按钮不会取消警报 . 警告也不会在外部点击时解雇 . 按ESC或ENTER工作正常 . 没有错误扔...

知道为什么这不接受点击？

我已经在这些问题上提出了断点

// Mouse interactions
var onButtonEvent = function onButtonEvent(event) {

// Closing modal by close button
getCloseButton().onclick = function () {

// Closing modal by overlay click
container.onclick = function (e) {

在swal来源，但他们永远不会受到打击......

还尝试将目标设置为 body 之外的其他内容，结果相同 .

2 回答

1
我有完全相同的问题，显然这是给我的问题：
```
.swal2-container:not(.swal2-in) {
  pointer-events: none;
}
```
只需注释该行或将 none 更改为 all （虽然我还不知道是否会破坏其他内容）

我正在使用：
- paper-dashboard（免费angular2版） - 1.0.0
- angular.cli - 1.1.1
- sweetalert2 - 6.6.6
- 打字稿 - 2.3.3
- 最新浏览器（相同）
回复于 2024-05-14T19:29:42+08:00
1
我无法重现你正在经历的事情 . 使用sweetalert2 v6.6.6（哦，亲爱的），警报会在您提到的所有场景中正确显示和隐藏：[确定]按钮，单击警告对话框外部和键盘修改器 .

我正在使用下面的配置 . 你可能已经知道了，但是请注意我明确地在aurelia.json中包含css文件并在app.html视图中引用它 .

这是完整的应用程序：

aurelia.json
```
{
    "name": "sweetalert2",
    "path": "../node_modules/sweetalert2/dist",
    "main": "sweetalert2",
    "resources": [
      "sweetalert2.css"
    ]
}
```
app.ts
```
import swal from 'sweetalert2';

export class App {
  attached() {
    this.showHelp();
  }

  public showHelp() {
    swal('Test').then((out) => {
      console.log(out);
    }).catch((error) => console.log(error));
  }
}
```
app.html
```
<template>
  <require from="sweetalert2/sweetalert2.css"></require>
</template>
```
回复于 2024-05-14T19:29:42+08:00

Sweetalert2不会关闭

2 回答

相关问题