[Rails]モーダルウィンドウを作成する(データを削除前に再度確認する) - Qiita

モーダルウィンドウとは？ モーダルウィンドウというのは下のGIFのようなもので、 間違って削除してしまった…というのを防ぐことができるポップアップのようなものです。 今回、こちらと同じものを作成します。 方針・前提条件 コントローラーなどでボタンやリンクを押せばデータが削除される機能を ページ上に既に実装されていることが前提です。 (もちろん削除だけじゃなくて登録や実施などでもOK) また、いろんな作り方があるとは思いますが、 今回は下記の条件のもとで作成しました。 preventDefaultは使わず、モーダル用と送信用削除ボタンの２つを使用する。 削除ボタンをCSSで非表示にし、モーダルウィンドウの削除ボタンが押された時に初めて実施される。 モーダルウィンドウとオーバーレイを表示するボタンをページ上に設置する。 モーダルウィンドウの要素はhtml.hamlファイル上に記載する（メッセー