javascript - 隐藏模态框的问题 - Bootstrap 3

Question

确认删除后我无法隐藏模态(关闭效果很好)，因此我现在尝试通过模态 ID 引用它。

根据我所读到的内容，隐藏模式的典型方法是 $('#myModal').modal('hide'); 然而这似乎对我不起作用，我用过 $('.modal').modal('hide');我想知道是否是因为我需要指定ID #模式的，但如果我的 ID 是 @model，我不确定“正确”的做法是什么。属性`

这是我的按钮

<button class="btn btn-danger col-lg-3 col-lg-offset-3" data-toggle="modal" data-target="#@item.ID" onclick="deleteStart(this)">

这是我的模态的初始 div 类

<div class="modal fade" id="@item.ID" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

这是我的 JQuery，即 onClick对于我的确认删除选项(我在代码中进行了几次尝试)

function deleteFunction(element) {
var newID = $(element).closest("td").find("span.ID").text();

$.post(
'@Url.Action("customDelete", "Show")',
{
    'id': newID
},
function (data) { },
"json"
);
        $(element).closest("tr").next("tr").remove();
        $(element).closest("tr").remove();

        //$(element).attr("data-target", "#" + newID).modal('hide');
        //$('#newID').modal('hide');
        //$('.modal').modal('hide');

        $(element).closest("table").toggleClass("table-hover");
        $(element).closest("tr").css('background-color', 'initial');
    }

注意:var newID适用于当前项目的对象 ID ( item.ID )，但由于这也是我的模态 ID 设置的值，所以它不应该工作吗？

item.ID是我模型的主键，因此它也是唯一的。

Answer 1

已修复!罪魁祸首是模态的 fade。

为了使其正常工作，我必须在“确认”按钮调用的函数中使用以下内容。这必须在其他任何事情之前完成，尤其是 AJAX。显然，AJAX 可能会搞乱 Modal 的一些脚本，因此您必须在做其他事情之前完成所有模态内容。

函数片段

$('#myModal').removeClass('fade');
$('#myModal').modal('hide');