編集ボタンはIDをedit.php
に渡しません これが、モーダルがアクティブ化されない理由です。必要なのは、編集モーダルのコンテンツを、ロード中ではなく、開く前に入力することです。 include
を使用する IDを渡さずに編集ページを読み込みます。
IDを含むように編集ボタンを書き直します
<button class="btn btn-primary" data-toggle="modal"
data-target="#editModal" data-formid="<?php echo $id; ?>">
Edit <?php echo $id; ?>
</button>
モーダルを開いているときに編集フォームを読み込むためのJS
//jQuery function for loading data
$("#editModal").on('show.bs.modal', function(event){
var button = $(event.relatedTarget);
//bootstrap way of retrieving data-* attributes
//data-formid in this case
var id = button.data('formid');
$.get(yourSiteUrl+'/classes/forms/edit.php?id='+id,
function(data) {
$("#editModal .modal-title").html(data);
//Resize the modal to the size of the loaded form.
$("#editModal").modal("handleUpdate");
});
});
ブートストラップモーダルについては、このチュートリアルを確認してください
追伸:OPがこの問題を今までに解決したか、別のアプローチをとった可能性があることを知っています。他の人に役立つように回答を投稿しました。