SweetAlert2を使いたい

 

sweetalert2.jsとsweetalert2.cssをアップして動かすと、

下記のようなサンプルコードで、thenがTYPE ERROR でUNDEFINED…というようなエラーになり、ライブラリのsweetalert.jsが動いているようです。

おそらく基本的なことで恐縮ですが、ご教示いただきたくお願いいたします。

 

swal({
  title:'Are you sure?',
  text:"You won't be able to revert this!",
  type:'warning',
  showCancelButton:true,
  confirmButtonColor:'#3085d6',
  cancelButtonColor:'#d33',
  confirmButtonText:'Yes, delete it!'}).then(_function_(isConfirm) {if(isConfirm) {
    swal('Deleted!','Your file has been deleted.','success');
  }
})

 

Tokunaga さん

CDN 指定だと動作しました。
https://cdn.jsdelivr.net/sweetalert2/6.2.0/sweetalert2.min.js
https://cdn.jsdelivr.net/sweetalert2/6.2.0/sweetalert2.min.css

たぶん、ライブラリの指定が誤っているだけだと思われます。
JavaScript / CSSでカスタマイズ画面で、sweetalert.js が指定されていないか確認してはいかがでしょうか?

 

rex0220 さん

お世話になっております。下記プラグインを削除したら動作しました。

基本的なことで恐縮ですが、このプラグインを使いながらsweetalert2も使うことは可能なものなのでしょうか?

https://cybozudev.zendesk.com/hc/ja/articles/209715393-%E8%87%AA%E5%8B%95%E6%8E%A1%E7%95%AA%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3 

 

autonum/
 css/
-51-ui-default.css
-config.css
-sweetalert.css
 html/
   -config.html
img/
-icon.png
js/
-config.js
-desktop.js
lib/
-jquery.min.js
-moment-with-locales.min.js
-sweetalert.min.js
manifest.json

 

自動採番プラグインを見てみましたが、sweetalert は、アラート表示に使っているだけのようです。
ソースも公開されていますので、sweetalert2 を使うように変更するか、いっそ使わないように変更してはいかがでしょうか?

プラグイン開発のハードルが高いようでしたら、「年次ごとの自動採番を行うワザ」に変更する手もあります。

sweetalert2 側を調べてみたところ、Sweetalert2 でも呼び出せるようです。
css がどうなっているかまではわかりませんが、下記コードでも実行はできました。

Sweetalert2({
title: 'Are you sure?',
text: "You won't be able to revert this!",
type: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Yes, delete it!'
})
.then(function(isConfirm) {
if (isConfirm) {
Sweetalert2(
'Deleted!',
'Your file has been deleted.',
'success'
);
}
});

kintone全体のカスタマイズでsweetalert2をアップロード + 自動採番プラグインsweetalertの状態で

動作確認できました。

全アプリ共通のシステムエラー表示処理を作って、sweetalert2で表示しようかと考えていたのですが、

今後追加していくプラグインで、sweetalertが使用されているかもしれないことを考えると、

全アプリ共通処理とかは、ただのalertが無難なのか、とあきらめかけていましたが、

呼び出し側で呼びたい方にすれば良いのですね。

いろいろと調査いただきありがとうございました。

 

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。