jQuery 모바일 페이지 범위 요소 식별자

Question

내 jQuery Mobile 앱에 두 페이지가 있습니다. 두 요소는 서버에서 반환 된 작업 영역 목록을 표시하는 목록입니다. 일반적인 웹 앱에서는 두 가지 모두에 "id = 'places'를 사용하지만 다중 페이지 jQuery Mobile 앱에서는 고유 ID를 사용해야합니다. id 고유성 제한을 해결하기 위해 ID를 사용하는 좋은 대안은 무엇입니까?

내가 예를 들어, ID에 페이지 이름을 포함 할 수있다 : id='searchPage-places' 및 id='favPage-places'하지만 난 항상 페이지의 특정 자바 스크립트 내용에서 장소의 요소에 액세스하기 때문에이 불필요한 노이즈를 추가합니다.

나는 data-role을 사용하는 것이 정확하고 적절할 것이라고 생각하지만 jQM의 자체 데이터 역할 의미를 방해하고 싶지는 않습니다.

data-id도 해킹 같은 느낌클래스를 사용하여 해킹

것 같은 느낌이 든다.

jQuery Mobile 앱에서 페이지 범위 요소 식별을위한 훌륭한 기술을 찾고 있습니다.

다른 제안 사항이 있으십니까?

Answer 1

고유 한 속성 데이터 - 사용자 지정 (또는 다른 적절한 이름)을 만들어 보지 않겠습니까? jQuery로 쉽게 액세스 할 수 있습니다.

또는 당신은 여전히 ​​그들 모두에 대해 동일한 ID를 사용하고, 예를 들어, 페이지 id + '장소'를 통해 액세스 할 수 있습니다 : 첫 페이지

$('#page1[data-role="page"] #places') 

과에 대한

$('#page2[data-role="page"] #places') 

다른 것.