Question

使用

aurelia-cli - 0.30.1
sweetalert2 - 6.6.5
typescript - 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;
}

只需对该行进行评论或将无更改为所有（虽然我不知道是否会破坏其他内容）

我正在使用：

paper-dashboard（免费angular2版本） - 1.0.0
angular.cli - 1.1.1
sweetalert2 - 6.6.6
typescript - 2.3.3
最新浏览器（相同）

Sweetalert2不甘示弱

2 个答案: