Mẫu jQuery Mobile

Trang jQuery Mobile

Trang web di động cơ bản
Nhiều trang
Hộp thoại

Giải thích ví dụ

Chuyển đổi jQuery Mobile

Hiệu ứng mờ vào và mờ ra
Hiệu ứng lật trang
Hiệu ứng chảy
Hiệu ứng hộp thoại
Hiệu ứng cuộn
Hiệu ứng mờ ra khi cuộn
Hiệu ứng cuộn lên
Hiệu ứng cuộn xuống
Hiệu ứng lật trang
Không có hiệu ứng chuyển đổi
Hiệu ứng ngược lại

Giải thích ví dụ

Nút jQuery Mobile

Tạo nút
Nút trong dòng
Nút nhóm
Nút quay lại
Nút có và không có góc tròn
Nút cỡ nhỏ và cỡ tiêu chuẩn
Nút có và không có bóng

Giải thích ví dụ

Biểu tượng nút jQuery Mobile

Thêm biểu tượng vào nút
Đặt vị trí biểu tượng
Chỉ hiển thị biểu tượng

Giải thích ví dụ

Thanh công cụ jQuery Mobile

Tạo tiêu đề và chân trang
Thêm nút vào tiêu đề
Thêm nút vào bên trái tiêu đề
Thêm nút vào bên phải tiêu đề
Chân trang có nút
Chân trang có nút居中对齐
Chân trang có nút nhóm
Chân trang có nút nhóm ngang
Định vị trong dòng - Tiêu đề và chân trang sẽ được định vị trong dòng nội dung trang
Định vị cố định - Tiêu đề và chân trang sẽ được giữ ở trên và dưới của trang
Định vị toàn màn hình - Tiêu đề và chân trang được đặt ở trên và dưới, nhưng vẫn ở nội dung trang

Giải thích ví dụ

Thanh dẫn航 jQuery Mobile

Tạo thanh điều hướng
Thanh điều hướng trong nội dung
Thanh điều hướng trong chân trang
Thêm ngoại觀 đã chọn (được nhấn) cho nút trong thanh điều hướng
Thêm ngoại觀 đã chọn (được nhấn)
Định vị biểu tượng trong thanh điều hướng
Hiển thị mười nút trong thanh điều hướng

Giải thích ví dụ

Co gập jQuery Mobile

Tạo khối gấp nội dung
Mở nội dung khi trang được tải
Khối gấp嵌套
Tập hợp khối gấp (accordion)
Xóa góc vuông của khối gấp
Làm khối gấp nhỏ hơn
Thay đổi biểu tượng của khối gấp
Danh sách gấp
Form gấp

Giải thích ví dụ

Lưới jQuery Mobile

Bố cục hai cột
Bố cục ba cột
Bố cục bốn cột
Bố cục năm cột
Lưới tùy chỉnh
Dòng nhiều hàng trong cột

Giải thích ví dụ

Danh sách jQuery Mobile

Tạo danh sách nhìn
Góc vuông danh sách
Dấu phẩy phân cách danh sách
Định dạng tự động dấu phẩy
Tạo bộ lọc tìm kiếm
Thay đổi văn bản trong ô tìm kiếm
Tạo danh sách chỉ đọc
Thêm hình thu nhỏ vào mục danh sách
Điền danh sách có thông tin bằng HTML tiêu chuẩn
Thêm biểu tượng vào mục danh sách
Tạo danh sách có nút phân chia
Tăng cường chức năng mục danh sách
Tạo泡泡 đếm
Thay đổi biểu tượng liên kết mặc định của mục danh sách
Danh sách gấp
Tạo lịch

Giải thích ví dụ

Form jQuery Mobile

Nhập văn bản
Hộp văn bản
Đầu vào tìm kiếm
Công tắc
Hộp kiểm
Kết hợp công tắc và hộp kiểm theo chiều ngang
Khu vực chứa công tắc và hộp kiểm có radio và kiểm tra
Công tắc và hộp kiểm được chọn trước
Tạo trình chọn menu
Tạo trình chọn menu có dấu phẩy (optgroup)
Trình chọn menu tùy chỉnh
Chọn nhiều tùy chọn trong trình chọn
Trình chọn menu组合
Trình chọn menu chọn横向组合
Chọn trước một tùy chọn
Form gấp
Tạo điều khiển trượt
Tạo đường dẫn nổi bật cho giá trị trượt
Trượt cặp (đôi)
Tạo công tắc chuyển đổi
Chọn trước một công tắc chuyển đổi

Giải thích ví dụ

Chủ đề jQuery Mobile

Chủ đề "a"
Chủ đề "b"
Chủ đề "c"
Chủ đề "d"
Chủ đề "e"
Tiêu đề, nội dung và chân trang chủ đề
Hộp thoại chủ đề
Nút chủ đề
Ícon chủ đề
Nút chủ đề trong tiêu đề và chân trang
Thanh điều hướng chủ đề
Nút gấp và nội dung chủ đề
Danh sách chủ đề
Nút chia chủ đề
Danh sách gấp chủ đề
Form chủ đề
Form gấp chủ đề
Chủ đề tùy chỉnh

Giải thích ví dụ

Sự kiện jQuery Mobile

Sự kiện Tap
Sự kiện Taphold
Sự kiện Swipe
Sự kiện Swipeleft
Sự kiện Swiperight
Sự kiện Scrollstart
Sự kiện Scrollstop
Sự kiện Orientationchange - Hiển thị hướng
Sự kiện Orientationchange - Đặt phong cách khác nhau cho hướng ngang và dọc
Sự kiện khởi tạo trang
Sự kiện tải trang
Sự kiện chuyển đổi trang

Giải thích ví dụ