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(); 
    } 
}