javascript - 模态不会关闭并防止在没有点击时默认，并且不会在点击时执行 func

Question

我有一个带有两个按钮的模式。一个是"is"按钮，一个是“否”按钮。如果按下"is"按钮，我希望执行该函数的其余部分。如果没有单击任何按钮，我希望页面阻止默认并且不执行。然而，似乎无论点击哪个按钮，除了模式关闭之外，什么也没有发生。我正在使用我在其他地方找到的模态示例，所以这可能是问题所在。浏览了一段时间，我似乎找不到问题出在哪里。我错过了一些小事吗？或者也许我的 Jquery 是错误的？下面是我的代码:

模态:

    <!-- Modal for delete-->
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content border-primary mb-3 box-shadow-none img-responsive">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="card-body bg-light">
                <div id="del" class="center">
                    <label>Are you sure you want to delete?</label>
                </div>
            </div>
            <div class="modal-footer">
                <div id="deleteYes">
                    <button type="button" class="btn btn-default" data-dismiss="modal" id="deleteYes">Yes</button>
                </div>
                <div id="deleteNo">
                    <button type="button" class="btn btn-default" data-dismiss="modal" id="deleteNo">No</button>
                </div>
            </div>
        </div>
    </div>
</div>

这是我的 Jquery:

 $(".btnDeleteTerminalCommand").click(function (e) {

    $("#deleteModal").modal('toggle');

    if ($("#deleteNo").click) {
        return e.preventDefault();
    }

    var rowId = "#" + $(this).data("rowindex");
    var row = $(rowId);
    var termId = row.find(".tdTermId").html().trim();
    var cmdId = row.find(".tdCmdId").html().trim();
    var cmdVal = row.find(".tdCmdVal").html().trim();
    var cmdID = row.find(".cmdID").html().trim();

    var data = {
        TerminalID: termId,
        CommandID: cmdId,
        CommandValue: cmdVal,
        ID: cmdID
    };

    $.ajax({
        url: '@Url.Action("DeleteTerminalCommand", "TerminalCommand")',
        type: "POST",
        data: data,
        success: function (response) {
            console.log("Success");
            window.location.href = response.Url;
        }
    });
});

任何建议都有帮助!谢谢!

Answer 1

您的点击处理程序将切换模式，并在用户点击任何内容之前立即继续执行函数的其余部分。如果您的模式有两个按钮，请为每个按钮创建一个单击处理程序。也许“否”按钮只是关闭模式。 "is"按钮处理程序可以执行完成任务所需的操作。

$(".btnDeleteTerminalCommand").click(function(e){
    $("#deleteModal").modal('toggle');
}

$("#deleteNo").click(function(e){
    $("#deleteModal").modal('hide');
}

$("#deleteYes").click(function(e){
    // build data object
    // ajax post
}