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)