Question

在我的页面上，我有两个模态窗口。当用户单击页面上的按钮时，它们会打开。但是当用户点击第一个模态上的特定按钮时，我也希望能够打开第二个窗口。这是我的JS代码：

$(document).ready(function () {

$('.details-btn').on('click', function () {
    $.ajax({
        url: "/Device/Details",
        type: "GET",
        contentType: "application/json; charset=utf-8",
        dataType: 'html',
        data: { id: $(this).attr('id') },
        error: function (data) {
            alert("wystąpił nieokreślony błąd " + data);
        },
        success: function (data) {
            $('.modal-body').html(data);
            $("#DetailsModal").modal('show');
            $(".DeviceEdit-btn").on('click', function () {
                $('#DetailsModal').modal('hide');
                $("edit-btn").trigger('click');
            });
        }
    });
});
$('.edit-btn').on('click', function () {
    console.log("triggered");
    $.ajax({
        url: "/Device/Edit",
        type: "GET",
        contentType: "application/json; charset=utf-8",
        dataType: 'html',
        data: { id: $(this).attr('id') },
        error: function (data) {
            alert("wystąpił nieokreślony błąd " + data);
        },
        success: function (data) {
            $('.modal-body').html(data);
            $("#EditModal").modal('show');
        }
    });
});

}）;

你可以在.details-btn点击事件中隐藏一个模态（这个工作）并触发点击应该显示第二个模态的按钮。但第二种模式并未出现。如何修改此代码以使其工作。与此相关的问题是，在edit-btn触发器位置之后声明了details-btn点击事件？

Answer 1

你没有放置点

 $("edit-btn").trigger('click');

随

改变

  $(".edit-btn").trigger('click');

模态窗口未显示

1 个答案: