私のページにはボタンがあり、それを押すといくつかの JavaScript 関数がトリガーされ、それらの JavaScript 関数の 1 つがブートストラップ モーダルを開きますが、動作させることができないようです。これが私のコードです...助けてください。
//elsewhere on the form is the button that triggers the javascript
<a href="#" class="btn btn-danger" id="cancelPObtn" data-dismiss="modal">Yes, cancel it</a>
<!-- CANCEL A PO MODAL -->
<div class="modal hide fade" id="error-dialog" style="display: none;">
<div class="modal-header">
<a class="close" data-dismiss="modal">x</a>
<h3>Cancel Purchase Order?</h3>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<a href="#" class="btn btn-danger btn-modal btn-cancel" data-dismiss="modal">Yes, cancel it</a>
<a href="#" class="btn" data-dismiss="modal">Nevermind</a>
</div>
</div>
$('.btn-danger').click(function(event) {
if(some random conditional statement){
//some stuff happens here
}
else{
//Show form validation error modal-- I know this part is triggered but the modal will not show
$("#error-dialog").modal("show");
}
});