モーダルを表示するためにブートストラップ2.3.0を使用しています。このモーダルでは、エラーが発生したときにアラートを表示することがあります。ただし、ユーザーがアラートの閉じるボタンをクリックすると、モーダルも閉じます。理由がわかりませんか?アラートとモーダルの両方にcssクラスがありますが、アラートターゲットclose
の属性の値とモーダルターゲットの同じ属性がになります。モーダルは同時に閉じますが、アラートが表示されます。data-dismiss
alert
modal
よろしく、Cid
編集:
実際、モーダル内に配置したすべてのボタンが、属性data-dismiss="modal"
が設定されているかどうかに関係なく、モーダルを閉じるという問題があります。
<div class="modal hide fade" id="dlg" tabindex="-1" role="dialog"
aria-labelledby="dlgLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
I close the modal</button>
<h3 id="dlgLabel">Header</h3>
</div>
<div class="modal-body">
<button class="btn" id="btn">I close the modal too</button>
</div>
<div class="modal-footer">
<button class="btn pull-right" id="cancel" data-dismiss="modal"
aria-hidden="true">I close the modal</button>
</div>
</div>