hộp thoại jqueryui cho màn hình màu xám ra

Question

Tôi đang sử dụng jQueryUI (phần mở rộng?) Và có lớp phủ đơn giản trên một trang. Here's what I have so far

Dù sao có cách nào được tích hợp sẵn để làm xám màn hình khi hộp thoại đang mở? Tôi biết bạn có thể làm điều này bằng cách gắn thêm một div khác vào trang, tôi muốn biết nếu jQueryUI có một cái gì đó như thế này được xây dựng.

Tôi không thể tìm thấy bất cứ điều gì như thế này trên API, có lẽ tôi đã bỏ lỡ một cái gì đó.

Answer 1

Bạn có thể chỉ định tùy chọn cho hộp thoại bằng cách sử dụng đối tượng theo nghĩa đen. Một trong các tùy chọn này là phương thức sẽ đặt lớp phủ trên màn hình phía sau hộp thoại. Lớp phủ này sẽ ngăn người dùng nhấp vào phía sau hộp thoại.

$('#over').dialog({modal:true}); 

Ví dụ: http://jsfiddle.net/vhA2w/1/

Thanh toán tất cả các tùy chọn có sẵn tại địa chỉ: http://jqueryui.com/demos/dialog/

Answer 2

This jsfiddle nên làm việc cho bạn

$('#over').dialog({ modal: true });