jQuery Mobile - Thuộc tính dữ liệu
Cái nút
Nó chỉ định một nút có thể nhấp được bao gồm nội dung như văn bản hoặc hình ảnh bằng cách sử dụng lớp ui-btn . Nó không được dùng trong phiên bản 1.4. Sử dụng thuộc tính ui-btn thay vì sử dụng thuộc tính data-role = "button" .
Bảng sau liệt kê các phần tử nút được sử dụng với thuộc tính dữ liệu.
Sr.No. | Thuộc tính và mô tả dữ liệu | Giá trị |
---|---|---|
1 | data-corners Nó xác định xem nút có nên chứa các góc tròn hay không. |
sự thật | sai |
2 | data-icon Nó xác định biểu tượng của nút. |
Mặc định là không có biểu tượng |
3 | data-iconpos Nó xác định vị trí của biểu tượng. |
trái | đúng | đầu trang | đáy |
4 | data-iconshadow Nó xác định xem biểu tượng của nút có nên chứa bóng hay không. |
sự thật | sai |
5 | data-inline Nó xác định xem nút có phải là nội tuyến hay không. |
sự thật | sai |
6 | data-mini Nó xác định xem nút sẽ hiển thị ở kích thước nhỏ hơn hay kích thước thông thường. |
sự thật | sai |
7 | data-shadow Nó xác định xem nút có nên chứa bóng hay không. |
sự thật | sai |
số 8 | data-theme Nó hiển thị màu chủ đề cho nút. |
chữ cái (az) |
Hộp kiểm
Bảng sau liệt kê các phần tử hộp kiểm được sử dụng với type = "checkbox".
Sr.No. | Thuộc tính và mô tả dữ liệu | Giá trị |
---|---|---|
1 | data-mini Nó xác định xem hộp kiểm sẽ hiển thị ở kích thước nhỏ hơn hay kích thước thông thường. |
sự thật | sai |
2 | data-role Nó ngừng tạo kiểu các hộp kiểm dưới dạng các nút. |
không ai |
3 | data-theme Nó hiển thị màu chủ đề cho hộp kiểm. |
chữ cái (az) |
Có thể thu gọn
Bảng sau liệt kê các phần tử có thể thu gọn được sử dụng với data-role = "collapsible" thuộc tính.
Sr.No. | Thuộc tính và mô tả dữ liệu | Giá trị |
---|---|---|
1 | data-collapsed Nó cho biết nội dung nên được đóng lại hay mở rộng. |
sự thật | sai |
2 | data-collapsed-cue-text Nó hiển thị phản hồi cho người dùng với phần mềm đọc màn hình. |
Nội dung mặc định là thu gọn |
3 | data-collapsed-icon Nó xác định biểu tượng của nút đóng mở. |
Biểu tượng mặc định là "dấu cộng" |
4 | data-content-theme Nó hiển thị màu chủ đề cho nội dung có thể thu gọn. |
chữ cái (az) |
5 | data-expanded-cue-text Nó hiển thị phản hồi cho người dùng với phần mềm đọc màn hình. |
Mặc định đang mở rộng nội dung |
6 | data-expanded-icon Nó hiển thị nút có thể thu gọn khi bạn mở rộng nội dung. |
Biểu tượng mặc định là "dấu trừ" |
7 | data-iconpos Nó xác định vị trí của biểu tượng. |
trái | đúng | đầu trang | đáy |
số 8 | data-inset Nó xác định xem nút đóng mở có hiển thị với các góc và lề tròn hay không. |
sự thật | sai |
9 | data-mini Nó xác định xem các nút có thể thu gọn sẽ hiển thị ở kích thước nhỏ hơn hay kích thước thông thường. |
sự thật | sai |
10 | data-theme Nó hiển thị màu chủ đề cho nút đóng mở. |
chữ cái (az) |
Bộ có thể thu gọn
Bảng sau liệt kê các phần tử tập hợp có thể thu gọn được sử dụng với data-role = "collapsibleset" thuộc tính.
Sr.No. | Thuộc tính và mô tả dữ liệu | Giá trị |
---|---|---|
1 | data-collapsed-icon Nó xác định biểu tượng của nút đóng mở. |
Biểu tượng mặc định là "dấu cộng" |
2 | data-content-theme Nó hiển thị màu chủ đề cho nội dung có thể thu gọn. |
chữ cái (az) |
3 | data-expanded-icon Nó hiển thị nút có thể thu gọn khi bạn mở rộng nội dung. |
Biểu tượng mặc định là "dấu trừ" |
4 | data-iconpos Nó xác định vị trí của biểu tượng. |
trái | đúng | đầu trang | đáy |
5 | data-inset Nó xác định xem nút đóng mở có hiển thị với các góc và lề tròn hay không. |
sự thật | sai |
6 | data-mini Nó xác định xem các nút có thể thu gọn sẽ hiển thị ở kích thước nhỏ hơn hay kích thước thông thường. |
sự thật | sai |
7 | data-theme Nó hiển thị màu chủ đề cho nút đóng mở. |
chữ cái (az) |
Nhóm kiểm soát
Bảng sau liệt kê các phần tử Nhóm điều khiển được sử dụng với data-role = "controlgroup" thuộc tính -
Sr.No. | Thuộc tính và mô tả dữ liệu | Giá trị |
---|---|---|
1 | data-exclude-invisible Nó xác định xem có nên loại trừ các trẻ em không nhìn thấy trong việc gán các góc tròn hay không. |
sự thật | sai |
2 | data-mini Nó xác định xem nhóm sẽ hiển thị ở kích thước nhỏ hơn hay kích thước thông thường. |
sự thật | sai |
3 | data-theme Nó hiển thị màu chủ đề cho nhóm điều khiển. |
chữ cái (az) |
4 | data-type Nó cho biết nhóm sẽ hiển thị ở định dạng ngang hay dọc. |
ngang | theo chiều dọc |
Hộp thoại
Bảng sau liệt kê các phần tử hộp thoại được sử dụng với data-dialog="true" thuộc tính.
Sr.No. | Thuộc tính và mô tả dữ liệu | Giá trị |
---|---|---|
1 | data-close-btn Nó xác định vị trí của nút đóng. |
trái | đúng | không ai |
2 | data-close-btn-text Nó xác định văn bản cho nút đóng. |
bản văn |
3 | data-corners Nó xác định xem hộp thoại có nên hiển thị với các góc tròn hay không. |
sự thật | sai |
4 | data-dom-cache Nó cho biết liệu bộ nhớ cache DOM có phải xóa hay không cho các trang riêng lẻ. |
sự thật | sai |
5 | data-overlay-theme Nó xác định màu lớp phủ của trang hộp thoại. |
chữ cái (az) |
6 | data-theme Nó xác định màu chủ đề của trang hộp thoại. |
chữ cái (az) |
7 | data-title Nó xác định tiêu đề của trang hộp thoại. |
bản văn |
Cải tiến
Bảng sau liệt kê các phần tử nâng cao được sử dụng với data-enhance="false" or data-ajax = "false" thuộc tính.
Sr.No. | Thuộc tính và mô tả dữ liệu | Giá trị |
---|---|---|
1 | data-enhance Bạn có thể tạo kiểu cho trang bằng cách đặt thuộc tính này thành "true". Bạn không thể tạo kiểu cho trang nếu nó được đặt thành "false". |
sự thật | sai |
2 | data-ajax Nó cho biết liệu các trang có phải tải từ Ajax hay không. |
sự thật | sai |
Thanh công cụ cố định
Bảng sau liệt kê các phần tử thanh công cụ được sử dụng với data-position = "fixed" thuộc tính.
Sr.No. | Thuộc tính và mô tả dữ liệu | Giá trị |
---|---|---|
1 | data-disable-page-zoom Nó xác định xem người dùng có thể mở rộng / thu phóng trang hay không. |
sự thật | sai |
2 | data-fullscreen Nó xác định các thanh công cụ phải được đặt ở trên cùng và / hoặc dưới cùng. |
sự thật | sai |
3 | data-tap-toggle Nó cho biết liệu người dùng có thể chuyển đổi chế độ hiển thị của thanh công cụ trên các vòi hay không. |
sự thật | sai |
4 | data-transition Nó hiển thị hiệu ứng chuyển tiếp khi bạn chạm hoặc nhấp vào phần tử. |
trượt | phai | không ai |
5 | data-update-page-padding Nó cập nhật phần đệm của trang bằng cách sử dụng các sự kiện thay đổi kích thước, chuyển tiếp và cập nhật bố cục. |
sự thật | sai |
6 | data-visible-on-page-show Nó xác định khả năng hiển thị của thanh công cụ khi trang mẹ được hiển thị. |
sự thật | sai |
Công tắc chuyển đổi lật
Bảng sau liệt kê các phần tử chuyển đổi lật được sử dụng với data-role = "flipswitch" thuộc tính -
Sr.No. | Thuộc tính và mô tả dữ liệu | Giá trị |
---|---|---|
1 | data-mini Nó xác định xem công tắc sẽ hiển thị ở kích thước nhỏ hơn hay kích thước thông thường. |
sự thật | sai |
2 | data-on-text Nó xác định văn bản "bật" trên công tắc lật. |
Mặc định là "bật" |
3 | data-off-text Nó xác định văn bản "tắt" trên công tắc lật. |
Mặc định là "tắt" |
Chân trang
Bảng sau liệt kê các phần tử chân trang được sử dụng với thuộc tính data-role = "footer" -
Sr.No. | Thuộc tính và mô tả dữ liệu | Giá trị |
---|---|---|
1 | data-id Nó xác định ID duy nhất. |
bản văn |
2 | data-position Nó xác định xem chân trang nên được đặt ở cuối hay nội dòng với nội dung trang. |
nội tuyến | đã sửa |
3 | data-fullscreen Nó xác định xem chân trang có nên được đặt ở cuối và trên nội dung trang hay không. |
sự thật | sai |
4 | data-theme Nó xác định màu chủ đề của footer. |
chữ cái (az) |
Tiêu đề
Bảng sau liệt kê các phần tử tiêu đề được sử dụng với data-role = "header" thuộc tính.
Sr.No. | Thuộc tính và mô tả dữ liệu | Giá trị |
---|---|---|
1 | data-id Nó xác định ID duy nhất. |
bản văn |
2 | data-position Nó xác định xem tiêu đề nên được đặt ở dưới cùng hay nội dòng với nội dung trang. |
nội tuyến | đã sửa |
3 | data-fullscreen Nó xác định xem tiêu đề có nên được đặt ở cuối và trên nội dung trang hay không. |
sự thật | sai |
4 | data-theme Nó xác định màu chủ đề của tiêu đề. |
chữ cái (az) |
Đầu vào
Bảng sau liệt kê các phần tử đầu vào được sử dụng với type = "text|search|etc" thuộc tính.
Sr.No. | Thuộc tính và mô tả dữ liệu | Giá trị |
---|---|---|
1 | data-clear-btn Nó xác định liệu phần tử đầu vào có nên chứa nút rõ ràng hay không. |
sự thật | sai |
2 | data-clear-btn-text Nó xác định văn bản cho nút rõ ràng. |
bản văn |
3 | data-mini Nó xác định xem đầu vào sẽ hiển thị ở kích thước nhỏ hơn hay kích thước thông thường. |
sự thật | sai |
4 | data-role Nó ngừng tạo kiểu đầu vào hoặc các vùng văn bản dưới dạng các nút. |
không ai |
5 | data-theme Nó xác định màu chủ đề của phần tử đầu vào. |
chữ cái (az) |
Liên kết
Bảng sau liệt kê các phần tử liên kết được sử dụng với jQuery Mobile.
Sr.No. | Thuộc tính và mô tả dữ liệu | Giá trị |
---|---|---|
1 | data-ajax Nó cho biết liệu các trang có phải được tải qua Ajax hay không. |
sự thật | sai |
2 | data-direction Nó được sử dụng để chuyển đổi ngược lại. |
đảo ngược |
3 | data-dom-cache Nó cho biết liệu bộ đệm jQuery DOM có phải rõ ràng hay không cho các trang. |
sự thật | sai |
4 | data-prefetch Nó được sử dụng để tìm nạp trước các trang vào DOM. |
sự thật | sai |
5 | data-rel Nó chỉ định hành vi của liên kết. |
trở lại | hộp thoại | bên ngoài | bật lên |
6 | data-transition Nó xác định quá trình chuyển đổi từ trang này sang trang khác. |
phai | lật | dòng chảy | pop | trượt | trượt xuống | slidefade | slideup | lần lượt | không ai |
7 | data-position-to Nó xác định vị trí của các hộp bật lên. |
xuất xứ | bộ chọn jQuery | cửa sổ |
Danh sách
Bảng sau hiển thị các phần tử danh sách được sử dụng với data-role = "listview" thuộc tính.
Sr.No. | Thuộc tính và mô tả dữ liệu | Giá trị |
---|---|---|
1 | data-autodividers Nó tự động chia danh sách. |
sự thật | sai |
2 | data-count-theme Nó xác định màu chủ đề của phần tử đếm. |
chữ cái (az) |
3 | data-divider-theme Nó xác định màu chủ đề cho bộ chia danh sách. |
chữ cái (az) |
4 | data-filter Nó được sử dụng để lọc các giá trị danh sách trong hộp tìm kiếm. |
sự thật | sai |
5 | data-filter-placeholder Nó xác định một số văn bản bên trong hộp tìm kiếm. |
bản văn |
6 | data-filter-theme Nó xác định màu chủ đề cho bộ lọc tìm kiếm. |
chữ cái (az) |
7 | data-icon Nó cung cấp biểu tượng cho danh sách. |
Mặc định là không có biểu tượng |
số 8 | data-inset Nó xác định xem danh sách có nên hiển thị với các góc và lề tròn hay không. |
sự thật | sai |
9 | data-split-icon Nó xác định biểu tượng cho nút chia. |
Biểu tượng mặc định là "arrow-r" |
10 | data-split-theme Nó xác định màu chủ đề cho nút tách. |
chữ cái (az) |
11 | data-theme Nó xác định màu chủ đề cho danh sách. |
chữ cái (az) |
Liệt kê Mục
Bảng sau hiển thị các phần tử mục danh sách được sử dụng với data-role = "listview" thuộc tính.
Sr.No. | Thuộc tính và mô tả dữ liệu | Giá trị |
---|---|---|
1 | data-filtertext Nó được sử dụng để lọc các giá trị danh sách bằng văn bản trong hộp tìm kiếm. |
bản văn |
2 | data-icon Nó cung cấp biểu tượng cho mục danh sách. |
Mặc định là không có biểu tượng |
3 | data-role Nó xác định dải phân cách cho các mục danh sách. |
bộ chia danh sách |
4 | data-theme Nó xác định màu chủ đề cho mục danh sách. |
chữ cái (az) |
Navbar
Bảng sau liệt kê các phần tử thanh điều hướng được sử dụng với data-role = "navbar" thuộc tính.
Sr.No. | Thuộc tính và mô tả dữ liệu | Giá trị |
---|---|---|
1 | data-icon Nó cung cấp biểu tượng cho mục danh sách. |
Mặc định là không có biểu tượng |
2 | data-iconpos Nó xác định vị trí cho biểu tượng. |
trái | đúng | đầu trang | đáy | không có văn bản |
Trang
Bảng sau liệt kê các phần tử trang được sử dụng với data-role = "page" thuộc tính.
Sr.No. | Thuộc tính và mô tả dữ liệu | Giá trị |
---|---|---|
1 | data-dom-cache Nó cho biết liệu bộ nhớ cache DOM có phải xóa hay không cho các trang riêng lẻ. |
sự thật | sai |
2 | data-overlay-theme Nó xác định màu lớp phủ của các trang hộp thoại. |
chữ cái (az) |
3 | data-theme Nó xác định màu chủ đề cho trang. |
chữ cái (az) |
4 | data-title Nó cung cấp tiêu đề cho trang. |
Mặc định là không có biểu tượng |
5 | data-url Nó được sử dụng để cập nhật URL. |
url |
Cửa sổ bật lên
Bảng sau liệt kê các phần tử bật lên được sử dụng với data-role = "popup" thuộc tính.
Sr.No. | Thuộc tính và mô tả dữ liệu | Giá trị |
---|---|---|
1 | data-corners Nó xác định xem cửa sổ bật lên có nên hiển thị với các góc và lề tròn hay không. |
sự thật | sai |
2 | data-dismissible Nó xác định xem có nên đóng cửa sổ bật lên bằng cách nhấp vào bên ngoài hay không. |
sự thật | sai |
3 | data-history Nó xác định xem cửa sổ bật lên có hiển thị lịch sử của mục khi được mở hay không. |
sự thật | sai |
4 | data-overlay-theme Nó xác định màu lớp phủ của hộp bật lên. |
chữ cái (az) |
5 | data-shadow Nó hiển thị bóng cho hộp bật lên. |
sự thật | sai |
6 | data-theme Nó xác định màu chủ đề cho hộp bật lên. |
chữ cái (az) |
7 | data-tolerance Nó xác định các cạnh của cửa sổ. |
30, 15, 30, 15 |
Nút radio
Bảng sau liệt kê các phần tử nút radio được sử dụng với type = "radio" thuộc tính.
Sr.No. | Thuộc tính và mô tả dữ liệu | Giá trị |
---|---|---|
1 | data-mini Nó xác định xem nút sẽ hiển thị ở kích thước nhỏ hơn hay kích thước thông thường. |
sự thật | sai |
2 | data-role Nó dừng kiểu dáng của các nút radio dưới dạng các nút nâng cao. |
không ai |
3 | data-theme Nó xác định màu chủ đề cho nút radio. |
chữ cái (az) |
Lựa chọn
Bảng sau liệt kê các phần tử được chọn được sử dụng với jQuery Mobile.
Sr.No. | Thuộc tính và mô tả dữ liệu | Giá trị |
---|---|---|
1 | data-icon Nó cung cấp biểu tượng cho phần tử được chọn. |
Mặc định là "arrow-d" |
2 | data-iconpos Nó xác định vị trí của biểu tượng. |
trái | đúng | đầu trang | đáy |
3 | data-inline Nó xác định xem nút có phải là nội tuyến hay không. |
sự thật | sai |
4 | data-mini Nó xác định xem lựa chọn sẽ hiển thị ở kích thước nhỏ hơn hay kích thước thông thường. |
sự thật | sai |
5 | data-native-menu Nó sử dụng menu tùy chỉnh khi nó đã được đặt thành false. |
sự thật | sai |
6 | data-overlay-theme Nó xác định màu lớp phủ cho menu chọn tùy chỉnh. |
chữ cái (az) |
7 | data-placeholder Nó được sử dụng để đặt một phần tử tùy chọn của lựa chọn không phải gốc. |
sự thật | sai |
số 8 | data-role Nó dừng việc tạo kiểu của các phần tử được chọn dưới dạng các nút. |
không ai |
9 | data-theme Nó hiển thị màu chủ đề cho các phần tử được chọn. |
chữ cái (az) |
Thanh trượt
Bảng sau liệt kê các phần tử thanh trượt được sử dụng với type = "range" thuộc tính.
Sr.No. | Thuộc tính và mô tả dữ liệu | Giá trị |
---|---|---|
1 | data-highlight Nó làm nổi bật thanh trượt. |
sự thật | sai |
2 | data-mini Nó xác định xem thanh trượt sẽ hiển thị ở kích thước nhỏ hơn hay kích thước thông thường. |
sự thật | sai |
3 | data-role Nó dừng kiểu dáng của các điều khiển thanh trượt dưới dạng các nút. |
không ai |
4 | data-theme Nó hiển thị màu chủ đề cho điều khiển thanh trượt. |
chữ cái (az) |
5 | data-track-theme Nó hiển thị màu chủ đề cho rãnh trượt. |
chữ cái (az) |