Under The Hood: the jqmData() Custo

Under The Hood: the jqmData() Custom Selector
jQuery Mobile has a new custom selector that it uses to select elements with dataattributes. You’re probably already familiar with jQuery’s other built in custom selectors, which include :has(), :contains(), :eq(), etc. These selectors can be used either
to directly select elements (e.g. $("div:contains('foo')")) or they can be used to filter
other selectors (e.g. $("div").contains('foo')).
You can select all elements with a data-role="page" a t t r i b u t e u s i n g t h e s t a n d a r d j Q u e r y
selector $("[data-role='page']"). This works fine, but since jQuery Mobile relies so
heavily on custom data- a t t r i b u t e s , i t m a d e s e n s e t o b u i l d a c u s t o m s e l e c t o r : jqmData().
To use jqmData()to select all elements with a data-role="page", you would use
$(":jqmData(role='page')"). To select all elements with any custom data-attribute
within those selected pages, you could use $(":jqmData(role='page')").jqmData(role).
The jqmData()selector also automatically handles namespacing. Since jQuery Mobile
relies so heavily on data attributes, you should be able to apply a namespace to them
to avoid conflicts with other data attributes that won’t be used by jQuery Mobile. (For
example, instead of data-role="page", it could use data-namespace-role="page"where
namespace- i s a c o n f i g u r a b l e s t r i n g . ) B y d e f a u l t , j Q u e r y M o b i l e d o e s n o t a p p l y a n a m e -space, but it can be configured to do so using the $.mobile.ns c o n f i g u r a t i o n o p t i o n ( s e e
“Configuring jQuery Mobile” on page 88 in Chapter 5 for more information). If you
do configure a namespace, the jqmData()selector will automatically account for it.
There was an interesting discussion around adding the namespacing feature to jQuery
Mobile, which you can read over on the project’s GitHub at https://github.com/jquery/
jquery-mobile/issues/196.

Kết quả (Việt) 1:

Dưới mui xe: jqmData() tuỳ chọnđiện thoại di động jQuery có một chọn tùy chỉnh mới mà nó sử dụng để chọn các yếu tố với dataattributes. Bạn đang có lẽ đã quen thuộc với jQuery của khác được xây dựng trong selectors tùy chỉnh, bao gồm: has(),: contains(),: eq(), vv. Những vấn đề có thể sử dụng một trong hai trực tiếp chọn yếu tố (ví dụ: $("div:contains('foo')")) hoặc họ có thể được sử dụng để lọc vấn đề khác (ví dụ: $("div").contains('foo')).Bạn có thể chọn tất cả các yếu tố với dữ liệu vai trò = "trang" một t t r tôi b u t e u s tôi n g t h e s t một n d r d j Q u e r y chọn $("[dữ liệu-vai trò = 'trang']"). Điều này hoạt động tốt, nhưng kể từ khi jQuery điện thoại di động dựa như vậy rất nhiều trên đó tùy chỉnh dữ liệu – một t t r tôi b u t e s, tôi t m một d e s e n s e t o b u tôi l d một c s t o m s e l e c t o ur: jqmData().Để sử dụng jqmData () để chọn tất cả các yếu tố với dữ liệu vai trò = "trang", bạn sẽ sử dụng $(": jqmData(role='page')"). Để chọn tất cả các yếu tố với bất kỳ thuộc tính dữ liệu tuỳ chỉnh trong những trang được lựa chọn, bạn có thể sử dụng $(": jqmData(role='page')").jqmData(role).JqmData () chọn cũng tự động xử lý namespacing. Kể từ khi jQuery điện thoại di động phụ thuộc rất nhiều vào dữ liệu thuộc tính, bạn sẽ có thể áp dụng một không gian tên cho chúng để tránh những xung đột với các thuộc tính dữ liệu khác sẽ không được sử dụng bởi jQuery điện thoại di động. (Đối với Ví dụ, thay vì dữ liệu-vai trò = "trang", nó có thể sử dụng dữ liệu không gian tên vai trò = "trang" nơi không gian tên-i s một n c o f tôi g bạn là một b l e s t r tôi n g. ) B y d e f một u l t, j Q u e r y M o b tôi l e d o e s n o t p một p l y một n m e-space, nhưng nó có thể được cấu hình để làm như vậy bằng cách sử dụng các $. mobile.ns c o n f tôi g bạn là một t tôi o n o p t tôi o n (s e e "Cấu hình điện thoại di động jQuery" trên trang 88 trong chương 5 cho biết thêm thông tin). Nếu bạn cấu hình một không gian tên, jqmData () chọn sẽ tự động tài khoản cho nó. Đã có một cuộc thảo luận thú vị xung quanh thành phố thêm tính năng namespacing để jQuery Điện thoại di động, bạn có thể đọc trên GitHub của dự án tại https://github.com/jquery/ jQuery-điện thoại di động/vấn đề/196.

Kết quả (Việt) 2:

Under The Hood: các jqmData () Custom Selector
jQuery Mobile đã có một chọn tùy chỉnh mới mà nó sử dụng để lựa chọn các yếu tố với dataattributes. Bạn đang có lẽ đã quen thuộc với jQuery khác được xây dựng trong bộ chọn tùy chỉnh, trong đó bao gồm: có (),: chứa (),: eq (), vv Những bộ chọn có thể được sử dụng hoặc
để trực tiếp chọn các yếu tố (ví dụ: $ ("div: chứa ('foo') ")) hoặc chúng có thể được sử dụng để lọc
chọn khác (ví dụ: $ ("div"). chứa ('foo')).
Bạn có thể chọn tất cả các phần tử với một data-role = "page" attributeusingthestan dardj Q uery
selector $ ("[data-role = 'page']"). Điều này hoạt động tốt, nhưng kể từ jQuery Mobile dựa quá
nhiều vào các tùy chỉnh đĩa dữ liệu thuộc tính, stomselector itmadesensetobuildacu:. jqmData ()
Để sử dụng jqmData () để chọn tất cả các phần tử với một data-role = "page", bạn sẽ sử dụng
$ (": jqmData (role = 'page') "). Để chọn tất cả các yếu tố với bất kỳ tùy chỉnh dữ liệu thuộc tính
trong những trang được lựa chọn, bạn có thể sử dụng $ (": jqmData (role = 'page')").. jqmData (vai trò)
Các jqmData () selector cũng tự động xử lý namespacing. Kể từ jQuery Mobile
dựa quá nhiều vào các thuộc tính dữ liệu, bạn sẽ có thể áp dụng một tên miền không gian cho họ
để tránh xung đột với các thuộc tính dữ liệu khác sẽ không được sử dụng bởi jQuery Mobile. (Ví
dụ, thay vì dữ liệu-role = "trang", nó có thể sử dụng dữ liệu không gian tên-role = "trang", nơi
namespace- isaconfigurablestring.) B ydefault, j Q uery M obiledoesnotapplyanam e -space, nhưng nó có thể được cấu hình để làm như vậy bằng cách sử dụng $ .mobile.ns configurationoption (xem
"Cấu hình jQuery Mobile" trên trang 88 trong Chương 5 để biết thêm thông tin). Nếu bạn
làm cấu hình một namespace, các jqmData () chọn sẽ tự động tài khoản cho nó.
Có một cuộc thảo luận thú vị xung quanh việc thêm các tính năng namespacing để jQuery
Mobile, bạn có thể đọc qua trên GitHub của dự án tại https://github.com/ jquery /
jquery-mobile / vấn đề / 196.