初投稿の質問になります。
現在、ブログのような記事サイトを作成しています。そこで削除ボタンを押すとモーダルが表示され、モーダル内の「削除します」ボタンを押すとその記事が消える機能を作ろうとしています。
モーダル自体はbootstrapを使っていて、ネットの記事を参考にかきましたがクリックした際にうまくデータが渡っていないようです。
どなたか分かる方いますでしょうか。
よろしくお願いします。
言語は
Ruby 2.5.0
Rails 5.1.4
bootstrap 4
です
以下ソースになります
・js
<script> $('#myModal').on('show.bs.modal', function (event) { var button = $(event.relatedTarget) //モーダルを呼び出すときに使われたボタンを取得 var recipient = button.data('sample') var modal = $(this) //モーダルを取得 modal.find('.modal-title').text('New message to ' + recipient) //モーダルのタイトルに値を表示 }) </script>・rails 飛ばしたいデータ部分 ここではpost.idを渡したいと思っています
<button type="button" data-sample="<%= post.id %>" data-toggle="modal" data-target="#myModal">削除</button>
・モーダル自体
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title"></h5> <button type="button" class="close" data-dismiss="modal" aria-label="閉じる"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p>確認メッセージ</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">キャンセル</button> <button type="submit" class="btn btn-danger">削除</button> </div> </div> </div> </div>回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/08/13 14:53
2018/08/14 00:54