私は単純なブートストラップのモーダル サンプルを機能させようとしています。このドキュメントに従っています。モーダル要素 ID に対応する ..." ですが、できる限りのことを行いましたが、膨大な量の調査を行った結果、この単純なモーダルを機能させることができませんでした。
<div class="modal" id="myModal">
<div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
<h3>Modal header</h3>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<a href="#" class="btn">Close</a>
<a href="#" class="btn btn-primary">Save changes</a>
</div>
</div>
私はこれのいずれかを持っています:
<a class="btn" data-controls-modal="myModal">Launch Modal</a>
またはこれ:
<a class="btn" data-toggle="modal" href="#myModal" >Launch Modal</a>
ボタンを押してモーダルを有効にします。ページにも bootstrap-modal.js をロードしました。「Launch Modal」クリック イベントを処理する JavaScript 行を追加しない限り、「Launch Modal」をクリックしても何も起こりません。