隐藏模态的问题 - 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

已修复！罪魁祸首是 modal 的fade。

为了让它工作，我必须在确认按钮调用的函数中使用以下内容。这必须在其他任何事情之前完成，尤其是 AJAX。显然 AJAX 会弄乱 Modal 的一些脚本，所以你必须在做其他事情之前完成所有的模态内容。

函数片段

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