let selector = '#dialog';
$[ function[] {
$[ selector ].dialog[];
} ];
Một cú nhấp chuột vào tài liệu, đóng nó
$[document].click[function [] {
$[selector].dialog['close']
}];
Ngoại trừ trong chính phần tử
$[selector].click[function [e] {
e.stopPropagation[];
}];
Demo on how to close a Jquery dialog box with a oustide click
- A Click outside the box should close the dialog
- A Click in the box should not close the dialog
- A Click outside the box should close the dialog
- A Click in the box should not close the dialog
Trong bài viết này, tôi sẽ giải thích bằng một ví dụ, cách đóng [ẩn] hộp thoại bật lên Chế độ hộp thoại giao diện người dùng jQuery khi nhấp vào bên ngoài [Nền lớp phủ]
Khi người dùng nhấp vào bên ngoài hộp bật lên Chế độ hộp thoại giao diện người dùng jQuery i. e. trên Nền lớp phủ, hộp bật lên Phương thức hộp thoại giao diện người dùng jQuery bị đóng [ẩn] bằng cách sử dụng lệnh “đóng” Hộp thoại jQuery.
Đóng Cửa sổ bật lên Phương thức Hộp thoại UI UI khi nhấp vào bên ngoài [Nền lớp phủ]
Đánh dấu HTML sau đây bao gồm các tệp CSS UI Script và CSS được kế thừa để sử dụng hộp bật lên Chế độ hộp thoại giao diện người dùng jQuery, một HTML DIV và một Nút
Nút đã được chỉ định một trình xử lý sự kiện Nhấp chuột jQuery và khi Nút được nhấp, hộp bật lên Chế độ hộp thoại giao diện người dùng jQuery được hiển thị bằng cách sử dụng lệnh “mở” Hộp thoại jQuery
Hộp thoại bật lên phương thức hộp thoại giao diện người dùng jQuery đã được chỉ định trình xử lý sự kiện mở và bên trong trình xử lý sự kiện này, trình xử lý sự kiện nhấp chuột được đính kèm với DIV nền lớp phủ bằng cách chọn nó bằng Lớp Css của nó
xin chào, tôi muốn có hai chức năng đóng trong một hộp thoại khi người dùng nhấp vào biểu tượng 'X' sẽ đóng hộp thoại và thực hiện một số công việc và khi người dùng nhấp vào một nút trong hộp thoại, nó chỉ đóng hộp thoại
$["#hiddenPaisExtras"]. hộp thoại[{
phương thức. đúng,
tự độngMở. sai,
chiều cao. 'tự động',
chiều rộng. '600px',
có thể kéo được. đúng,
có thể thay đổi kích thước. true,
closeOnEscape. sai,
đóng. function[ev, ui]
{
hideDiv['GuardasAlbumPaisExtra', 'ddlGuardasPaisExtra'];
hideDiv['CapaAlbumPaisExtra' . close[];
hideDiv['CapaAlbumPaisExtra', 'ddlCapaPaisExtra'];
hideDiv['CostasAlbumPaisExtra', 'ddlCostasPaisExtra'];
hideDiv['CapaGlamourPaisExtra', 'ddlCapaGlamourPaisExtra'];
hideDiv['ButaoPaisExtra', ''];
$[this].close[];
},
close2. function[ev, ui]
{
$[this]. đóng[];
}
tiêu đề. "Thêm"
}];
Giống như ví dụ tôi muốn chức năng close2 đó chỉ đóng hộp thoại, nhưng nó không hoạt động
làm ơn giúp tôi
Cảm ơn trước
Tôi đã đọc rất nhiều bài viết về vấn đề này nhưng cho đến nay không có bài viết nào giúp tôi đóng hộp thoại jQuery. Có thể bạn có thể giúp tôi giải quyết vấn đề sau
Tôi có hai trang aspx [tôi. e. A và B]. Tôi đang mở hộp thoại jQuery từ trang A và tải trang B vào đó. Bây giờ, tôi muốn đóng hộp thoại khi người dùng nhấp vào nút Đóng trên trang B