発生している問題
Rails6で登録ボタンに「data: {confirm: '投稿してもいいですか'}」を記載したデータ登録ページを作成しているのですが、登録ボタンを押した際にモーダルが出ずに即投稿が完了してしまいます。
create(post)自体は正常に完了します。
状態
- Rails6
- Webpackerを使用
- yarnでBootstrapとJqueryを導入
- application.jsに「import 'data-confirm-modal'」を記載
試したこと
- form-controlやbtn-primaryが効いているのでbootstrapは大丈夫なはずです。
<h1>Ajax#index</h1> <p id="hoge">赤色になるよ</p> <script> $("#hoge").css("color","red") </script>
をページに貼り付けて文字の色が変わるのでJqueryも動いているはずです。
複雑なことをしていないのに上手くいっていないため、どう質問していいのかわからず曖昧な書き方になってしまいましたがよろしくお願いいたします。
###追記
コンソールにエラーが出ていました。
data-confirm-modal.js:80 Uncaught Error: The bootstrap modal plugin does not appear to be loaded. at data-confirm-modal.js:80 at Object.<anonymous> (data-confirm-modal.js:307) at Object../node_modules/data-confirm-modal/vendor/assets/javascripts/data-confirm-modal.js (data-confirm-modal.js:307) at __webpack_require__ (bootstrap:19) at Module.<anonymous> (application.js:1) at Module../app/javascript/packs/application.js (application.js:31) at __webpack_require__ (bootstrap:19) at bootstrap:83 at bootstrap:83 (anonymous) @ data-confirm-modal.js:80 (anonymous) @ data-confirm-modal.js:307 ./node_modules/data-confirm-modal/vendor/assets/javascripts/data-confirm-modal.js @ data-confirm-modal.js:307 __webpack_require__ @ bootstrap:19 (anonymous) @ application.js:1 ./app/javascript/packs/application.js @ application.js:31 __webpack_require__ @ bootstrap:19 (anonymous) @ bootstrap:83 (anonymous) @ bootstrap:83
Bootstrapのモーダルに関するプラグインが読み込まれていないとあります。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。