Hộp thoại jQuery phương thức với postbacks trong ASP.NET

Question

Tôi vừa nâng cấp jQuery/jQuery UI lên phiên bản mới nhất (jQuery 1.9.0, jQuery UI 1.10.0) và dường như đã phá vỡ một số chức năng hộp thoại jQuery UI của tôi.

Để thực hiện postback trong hộp thoại giao diện người dùng jQuery trong ASP.NET, có một giải pháp khá phổ biến nơi bạn sẽ phải nối lại DIV của bạn vào FORM chính, vì jQuery sẽ xây dựng lại DIV bên ngoài MẪU, như vậy:

$("#newInsurance").dialog({ 
    autoOpen: false, 
    modal: true, 
    open: function (type, data) { 
     $(this).parent().appendTo($("form:first")); 
    } 
}); 

Thật không may, kể từ khi nâng cấp này bây giờ đặt Hộp thoại phía sau lớp phủ màu xám/bị tắt cho nền. Vì vậy, các hình thức trong Popup là không sử dụng được và tất cả các màu xám. Tôi đã thử nhiều thứ và tôi dường như không thể làm cho nó hoạt động được - có vẻ như công việc cũ này không còn hoạt động nữa. Có ai biết một công việc mới xung quanh sẽ hoạt động không? Hay tôi đang thiếu một cái gì đó? Điều này làm việc tuyệt vời cho đến khi tôi nâng cấp.

Dưới đây là một số chi tiết thông tin về các công việc xung quanh đó đã từng làm việc:

• Stack Overflow câu hỏi jQuery UI Dialog(Modal), prevents any postback

• Stack Overflow câu hỏi $(“#dialog”).parent().appendTo($(“form:first”));

• Stack Overflow câu hỏi jQuery modal form dialog postback problems

Tôi thử nghiệm này với Internet Explorer     9 và Google Chrome 24.x

According to the jQuery UI website, API Dialog đã hoàn toàn được thiết kế lại trong jQuery UI 1.10.0:

Answer 1

OK, vì vậy điều này có vẻ là bản sửa lỗi cho jQuery UI v1.10:

$("#newInsurance").dialog({ 
    autoOpen: false, 
    appendTo: "form", 
    modal: true 
}).parent().css('z-index', '1005'); 

Trong giao diện người dùng jQuery v1.10, họ đã thêm appendTo tài sản, mà dường như làm điều tương tự chính xác như gọi .parent().appendTo($("form")). Bí quyết để sửa chữa là chỉ mục z.