Hộp thoại giao diện người dùng jQuery - tạm dừng sự kiện đóng

Question

Có cách nào để dừng sự kiện đóng đối với Hộp thoại giao diện người dùng jQuery không?

Tôi có một phương thức hộp thoại có biểu mẫu. Khi người dùng đóng hộp thoại, tôi muốn nhắc "Tiếp tục mà không lưu thay đổi?" [Có không]. Nút [Yes] tiếp tục và đóng hộp thoại như mong đợi. Nút [No] sẽ dừng sự kiện đóng và giữ hộp thoại mở.

Điều này có khả thi không?

Answer 1

Có, bạn có thể sử dụng tùy chọn beforeClose. Từ số docs:

Sự kiện này được kích hoạt khi hộp thoại cố gắng đóng. Nếu trình xử lý sự kiện beforeClose (hàm gọi lại) trả về false, đóng sẽ được ngăn chặn.

Ví dụ mã

Cung cấp chức năng gọi lại để xử lý sự kiện beforeClose là tùy chọn init.

$(".selector").dialog({ 
    beforeClose: function(event, ui) { ... } 
}); 

Answer 2

Câu trả lời của Justin hoạt động tốt để thể hiện phương thức. Nếu bạn muốn hủy bỏ việc đóng cửa, chức năng của bạn nên trả về false, như thế:

$(".selector").dialog({ 
    beforeClose: function(event, ui) 
    { return check_if_unsaved_changes(..); } 
}); 

check_if_unsaved_changes nên trả về true nếu hộp thoại nên đóng và false nếu nó không nên gần gũi.