Question

我确认删除后无法隐藏模态（关闭工作正常），因此我现在尝试用模态ID引用它。

根据我的阅读，隐藏模态的典型方法是$('#myModal').modal('hide'); 然而，这对我来说似乎不起作用，我使用了$('.modal').modal('hide');，我想知道是否因为我需要指定模态的ID #，但我不确定＆＃ 34;正确＆＃34;这样做的方法是，如果我的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');

隐藏模态的问题 - Bootstrap 3

1 个答案: