web-dev-qa-db-ja.com

スイートアラートにクラスを追加する

モーダルにクラスを追加して、LESSから選択し、背景を透明に変更できるようにしようとしています。しかし、customClassは機能していません。それを行う他の方法はありますか？ところで、私はすでにデフォルトのクラスで多くを変更したので、1つのモーダルに対してこれを行う必要があり、グローバルスワルに影響を与えることはできません。

   swal({
      title: success,
      showConfirmButton: false,
      html: true,
      customClass: ".swal-back"
   });
javascriptlesssweetalertsweetalert2
4
nodeSpret

customClassオプションは削除されました。代わりに、今すぐclassNameを使用する必要があります。クラス名の前のピリオドは必要ありません。

swal({
  title: success,
  showConfirmButton: false,
  html: true,
  className: "swal-back"
});
4
Neil VanLandingham

OPが SweetAlert2 を使用していると仮定すると、

その後、customClassは文字列からオブジェクトに変更されました。

次のようなオブジェクトが必要です。

customClass: { container: 'your-container-class', popup: 'your-popup-class', header: 'your-header-class', title: 'your-title-class', closeButton: 'your-close-button-class', icon: 'your-icon-class', image: 'your-image-class', content: 'your-content-class', input: 'your-input-class', actions: 'your-actions-class', confirmButton: 'your-confirm-button-class', cancelButton: 'your-cancel-button-class', footer: 'your-footer-class' }

執筆時点でのドックの公式ライン ここ

別の注意点として、カスタムクラスに関連する既知のバグがあったため、 8.12.2 より前のバージョンを使用する場合は注意してください。

トピックに関連する問題 ここ

0
MrCodeX