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