Sweet Alertでポップアップを閉じる方法

自動クローズを無効にする: Sweet Alertは、デフォルトでポップアップを一定時間後に自動的に閉じます。これを無効にするには、オプションでタイマーを設定します。

例:

Swal.fire({
  title: "ポップアップ",
  text: "このポップアップは自動的に閉じられません",
  timer: null, // タイマーを無効にする
});

ボタンクリックで閉じる: ボタンクリック時にポップアップを閉じるようにするには、onClose コールバック関数を使用します。

例:

Swal.fire({
  title: "ポップアップ",
  text: "ボタンをクリックして閉じます",
  showCancelButton: true,
  onClose: function () {
    // ポップアップが閉じられた後の処理をここに記述します
    console.log("ポップアップが閉じられました");
  },
});

外部要素クリックで閉じる: ポップアップの外側をクリックしたときにポップアップを閉じるようにするには、allowOutsideClick オプションを使用します。

例:

Swal.fire({
  title: "ポップアップ",
  text: "外側をクリックして閉じます",
  allowOutsideClick: true,
});

これらの方法を組み合わせて使用することもできます。必要に応じて、Sweet Alertのドキュメントを参照して詳細な設定やオプションを確認してください。以上が、Sweet Alertでポップアップを閉じる方法の簡単な例です。