Bootstrap - 如何使模式不顯示，如果條件是錯誤點擊按鈕

Question

在我的web項目中，我使用引導。除了以下一種情況，一切都可以順利進行：

在一個頁面中有一個按鈕。當它點擊一個JS函數將被調用來做一些檢查。如果檢查失敗，我希望只有警報消息框出現。然而，警報框和模式的分區框顯示。有人可以幫忙嗎？非常感謝！

下面是我使用的代碼：

按鈕：

<button id="setPropertiesDivButton" type="button" class="btn btn-default" 
data-toggle="modal" data-target="#setPropertiesDiv" 
onclick='showSetPropertiesDiv(-1)'>Add Properties</button> 

莫代爾事業部：

<div class="modal fade" id="setPropertiesDiv"> 
........ 
</div> 

JS功能：

function showSetPropertiesDiv(pageIndex) { 
    if (!checkObjIsNull($("#oldPrice"))) { 
     top.dialog_alert("Please set Price!"); 
     $("#setPropertiesDiv .modal-dialog .modal-content .modal-footer .btn.btn-primary").hide(); 
     //$('#setPropertiesDiv').modal('hide'); 
     //$("#setPropertiesDiv .modal-dialog .modal-content .modal-footer .btn.btn-primary").modal('hide'); 
     return false; 
    } 
} 

Answer 1

您的按鈕會觸發兩個事件：打開模式（Bootstrap事件）和事件。

刪除「數據-...」屬性，從按鈕（這將始終開啓模式），刪除隱藏模式在JavaScript中的所有代碼，並與

HTML打開模式：

<button id="setPropertiesDivButton" type="button" class="btn btn-default" 
onclick='showSetPropertiesDiv(-1)'>Add Properties</button> 

JS：

function showSetPropertiesDiv(pageIndex) { 
    if (!checkObjIsNull($("#oldPrice"))) { 
     top.dialog_alert("Please set Price!"); 
     return false; 
    } else { 
     $('#setPropertiesDiv').modal(); 
    } 
}