Question

在我的网页项目中，我正在使用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事件）和您的事件。

删除＆＃39;数据-...＆＃39;按钮中的属性（这将始终打开模态），删除所有隐藏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();
    }
}

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

1 个答案: