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