前提・実現したいこと
Bootstrapのmodalについての質問です。
PHPとJavaScriptを使ってメモアプリを作っています。メモ一覧から削除ボタンをクリックすると上記画像のような確認のためのダイアログが出て「削除する」ボタンを押せばメモが削除できるという機能を実装中です。
現在、ダイアログが出るところまで完成しましたが、「削除する」ボタンを押しても削除できない状態です。
どのような記述をすれば実行できますか?
JavaScriptの記述等アドバイスよろしくお願いします。
該当のソースコード
HTML
1 2<!-- 削除ボタン --> 3<?php if ($_SESSION['id'] == $post['member_id']) : ?> 4 <button type="button" class="btn btn-primary text-white" data-toggle="modal" data-target="#exampleModal" href="delete.php?id=<?php print(htmlspecialchars($post['id'])); ?>">削除</button> 5<?php endif; ?> 6 7<!-- Modal --> 8<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> 9 <div class="modal-dialog" role="document"> 10 <div class="modal-content"> 11 <div class="modal-header"> 12 <h5 class="modal-title" id="exampleModalLabel">削除しますか?</h5> 13 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 14 <span aria-hidden="true">×</span> 15 </button> 16 </div> 17 <div class="modal-footer"> 18 <button type="button" class="btn btn-secondary" data-dismiss="modal">いいえ</button> 19 <button type="submit" class="btn btn-primary">削除する</button> 20 </div> 21 </div> 22 </div> 23</div>
JavaScript
1 2$('#myModal').on('shown.bs.modal', function () { 3 $('#myInput').trigger('focus') 4 })
補足情報(FW/ツールのバージョンなど)
PHP Version 7.4.2
あなたの回答
tips
プレビュー