tailieunhanh - Sử dụng các thành phần giao diện người dùng trong jQuery Mobile

Các hộp thoại và các cửa sổ bật lên Một hộp thoại là một phần tử giao diện người dùng quan trọng, nhắc người dùng đáp ứng hay chỉ đơn giản là hiển thị thông tin. Các hộp thoại hầu như được sử dụng thường xuyên để đưa ra các tùy chọn cho những người dùng để thực hiện một số loại lệnh dựa trên đáp ứng của người dùng. | r l . 1 r J 1 A 1 1 Ầ 1 A A Sử dụng các thành phân giao diện người dùng trong jQuery Mobile Các hộp thoại và các cửa sổ bật lên Một hộp thoại là một phần tử giao diện người dùng quan trọng nhắc người dùng đáp ứng hay chỉ đơn giản là hiển thị thông tin. Các hộp thoại hầu như được sử dụng thường xuyên để đưa ra các tùy chọn cho những người dùng để thực hiện một số loại lệnh dựa trên đáp ứng của người dùng. Thông thường bạn có thể đưa ra các hộp thoại theo một trong hai cách là một cửa sổ phương thức - modal hoặc không theo phương thức - non-modal với jQuery Mobile các hộp thoại này được trình bày như một hộp thoại phương thức . Các hộp thoại phương thức chặn không cho người dùng tương tác với trang web bên dưới hộp thoại đòi hỏi một đáp ứng từ những người dùng trước khi họ có thể tiếp tục. Để tạo ra một hộp thoại với jQuery Mobile bạn phải sử dụng thuộc tính data-rel trên một siêu liên kết mà bạn muốn mở như một cửa sổ dialog hộp thoại và gán cho nó giá trị là dialog. Đoạn mã dưới đây cho thấy cách chuyển đổi một siêu liên kết đơn giản đến một trang web thành một siêu liên kết sẽ mở trang web liên quan như là một hộp thoại a href data-rel dialog Open dialog a Theo mặc định khung công tác jQuery Mobile bổ sung các góc tròn một lề trang và một nền tối cho trang web để làm cho nó xuất hiện như một hộp thoại đặt lên trên trang web đó. Có một số cách để đóng một hộp thoại. Tùy chọn đầu tiên chỉ đơn giản là liên kết đến một trang khác có thể liên quan đến đáp ứng từ người dùng. Đây sẽ là một tùy chọn tốt cho bất kỳ loại xử lý nào cần diễn ra ví dụ một nút ấn Save Lưu có thể liên kết đến một trang web để lưu một số loại thông tin vào một cơ sở dữ liệu và sau đó trả về trang web cha mẹ ban đầu với một thông báo xác nhận. Tùy chọn thứ hai là sử dụng thuộc tính data-rel trên siêu liên kết trong hộp thoại của bạn và thiết lập giá trị của nó là back như trong đoạn mã dưới đây. Đây là một tùy chọn tốt khi kèm theo một nút ấn Cancel Hủy bỏ trong hộp thoại của bạn. a .