質問: jqueryプラグインである、Sweetalert2.jsを使用してデザインされたアラートを表示したいと思っています。 しかし、アラートはでるものの、アラートが0.1秒くらいで消えてしまい原因もよくわかりません。 どうがお力をお貸しいただけないでしょうか? よろしくお願いします。 以下、jqeury ``` $("#sweetalert").click(function(){ swal()({ title: '好きなタイトルを入力', text: "好きなテキストを入力", }); }); ``` 以下、HTMLです ``` ``` リンクはsweetalert2.jsのリンクとsweetalert2.cssというcssのリンクを引っ張ってきています。 動きはあるので、リンク自体に問題はないとは思います。
回答: ボタンがsubmitだからです。 formのactionの指定先に送信するものなので、preventDefaultで一旦止めるか、typeをbuttonにしてください。 その後、「アラートOK押された」か何かを取得してform.submit()すると良いです。 見た感じ、.then()でそのアラート押下後のイベントが拾えそうですね。