Bootstrap - 如何在单击按钮时使模式不显示条件是否为false

Question

在我的web项目中，我正在使用bootstrap。一切顺利，除了以下一个案例：

在一个页面中有一个按钮。当它单击时，将调用JS函数来进行一些检查。如果检查失败，我希望只显示警告消息框。但是，警告框和模态Div框都显示。有人可以帮忙吗？非常感谢！

以下是我使用的代码：

按钮：

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

模态Div：

<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事件）和您的事件。

从按钮中删除'data -...'属性（这将始终打开模态），删除所有隐藏在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();
    }
}