隐藏模态框的问题 - 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');