ページにボタンがあり、プッシュするといくつかのJavaScript関数が発生し、それらのJavaScript関数の1つがbootstrap=モーダルを開きますが、取得できないようです。ここに私のコードがあります...助けてください。
//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");
}
});
条件文のif () {
部分が欠落しています
$( "#error-dialog")。modal( "show");
これは正しい方法です。コードにエラーがあります。 Chrome Consoleに移動してこのコマンドを実行すると、動作します。
この部分的なコードで何をしたいのかを見るのは少し難しいですが、ここにあなたに基づいて動作するコードがあります: