Sweetalert2 不会关闭

Question

使用

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 以外的其他内容，结果相同。

Answer 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>

Answer 2

我遇到了完全相同的问题，显然这就是问题所在：

.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
最新的浏览器（相同）

Sweetalert2 不会关闭

Sweetalert2 won't close

sweetalert

aurelia

sweetalert2