sweetalert2のページ(https://limonte.github.io/sweetalert2/)に、Animate.cssのアニメーションがあり、実装を試みているのですが、
他のsweetalertは動作するのですが、こちらのアニメーションが実現できません。
animate.cssをダウンロードし、PC用のCSSファイルにアップロードしています。
以下のソースの問題が分かる方、ご教授いただけせんでしょうか。
宜しくお願いします。
swal({
title: ‘対応を終了します’,
imageUrl: ‘https://dl.dropboxusercontent.com/s/・・・.jpg’,
imageWidth: 270,
imageHeight: 270,
timer: 3000,
html: $(‘<div>’)
.addClass(‘some-class’)
.text(‘お疲れ様でした。’),
animation: false,
customClass: ‘animated tada’,
showConfirmButton: false
}) ;
PC用のJavaScriptファイルに下記3つを設定してやってみましたがこちらの環境では、動いているようです。
https://js.cybozu.com/jquery/2.1.4/jquery.min.js
https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/core.js
https://unpkg.com/sweetalert2
// 設定したソースコード
kintone.events.on(“app.record.index.show”, function(e) {
swal({
title: ‘対応を終了します’,
imageUrl: ‘https://static.cybozu.com/k/kintone_7.12.5_2336/image/cybozu/icon/user_16.png’,
imageWidth: 270,
imageHeight: 270,
timer: 3000,
html: $(‘<div>’)
.addClass(‘some-class’)
.text(‘お疲れ様でした。’),
animation: false,
customClass: ‘animated tada’,
showConfirmButton: false
}) ;
});
Mitsuaki Ando様
アドバイス通り、jsファイルを追加して実装できました!
的確なアドバイス、ありがとうございました!!