0
在我的页面上,我有两个模态窗口。用户单击页面上的按钮时会打开它们。但我也希望能够在用户单击第一个模式上的特定按钮时打开第二个窗口。 这里我的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
之后声明的,其中触发器是?
你错过了从选择$( “编辑BTN”)网点 – heymega
变化只是要注意...嵌套模式是相当不好的用户体验。如果可能,一次只能在页面上显示一种模式。您可以改为连接两者。 – Alex
@Alex是啊,这就是为什么我打开其他之前关闭第一模态。 @ heymega谢谢。该死的Js为什么不显示这个错误:D把它作为一个口号,我会标记它 – szpic