jQuery Mobile

https://viblo.asia/p/jquery-mobile-73KbvZpOMmWB

$.mobile và các sự kiện và các phương thức được hỗ trợ

Bảng 1. Phương thức do $.mobile trưng ra

Phương thức	Cách sử dụng
**$.mobile.changePage **	Để thay đổi bằng lập trình từ trang này sang trang khác.Ví dụ, để chuyển đến trang weblog.php khi sử dụng một hiệu ứng chuyển tiếp slide (trượt), sử dụng $.mobile.changePage("weblog.php", "slide").
$.mobile.pageLoading	Để hiển thị hoặc ẩn thông báo nạp trang.Ví dụ, để ẩn thông báo, sử dụng $.mobile.pageLoading(true).
$.mobile.silentScroll	Để cuộn đến một vị trí Y cụ thể mà không tạo ra các sự kiện cuộn.Ví dụ, để cuộn đến vị trí Y 50, sử dụng $.mobile.silentScroll(100).
$.mobile.addResolutionBreakpoints	jQuery Mobile đã định nghĩa một số điểm ngắt cho các lớp min/max. Gọi phương thức này để bổ sung các điểm ngắt.Ví dụ, để bổ sung lớp min/max cho các chiều rộng điểm ảnh 800, sử dụng$.mobile.addResolutionBreakpoints(800).
$.mobile.activePage	Đề cập đến trang đang hoạt động hiện nay

Có một số sự kiện mà bạn có thể kết buộc chúng khi sử dụng phương thức bind() hoặc live(), chẳng hạn như khởi tạo JQuery Mobile, sự kiện cảm ứng, thay đổi định hướng, các sự kiện cuộn, các sự kiện hiện/ ẩn trang, các sự kiện khởi tạo-trang và các sự kiện hình ảnh động.

Ví dụ, các sự kiện cảm ứng gồm tap (chạm nhẹ), taphold (chạm và giữ) và các sự kiện vuốt khác nhau. Các sự kiện Scroll (Cuộn) gồm scrollstart (khởi động cuộn) và scrollstop (dừng cuộn). Các sự kiện Page (Trang) cho phép bạn nhận được các thông báo: trước khi tạo một trang, khi một trang được tạo ra, ngay trước khi trang được hiển thị hoặc ẩn đi và khi trang được hiển thị và ẩn đi.

$(document).bind("mobileinit", function(){
  //apply overrides here
});

Sự kiện trên cho phép bạn ghi đè lên các giá trị mặc định khi jQuery Mobile khởi động. Một số các giá trị thiết lập có thể bị ghi đè, chẳng hạn như:

• LoadingMessage - Thiết lập văn bản mặc định xuất hiện khi một trang đang nạp.

• defaultTransition - Thiết lập hiệu ứng chuyển tiếp mặc định cho các thay đổi trang có sử dụng Ajax.

Các thuộc tính data-* của HTML5

Query Mobile dựa vào các thuộc tính data-* của HTML5 để hỗ trợ các phần tử giao diện người dùng, các hiệu ứng chuyển tiếp và cấu trúc trang khác nhau. Các thuộc tính này đang bị các trình duyệt không hỗ trợ chúng lặng lẽ loại bỏ. Bảng 2 cho thấy cách sử dụng các thuộc tính data-* để tạo ra các thành phần giao diện người dùng.