Jquery Mobile HTML 요소 선택 문제

Question

jquery mobile에서 작업하면서 콘텐츠 격자에 이상한 문제가 있습니다.

내가 조작하고 싶었던 내용 격자 안에 숨겨진 변수 &이있었습니다.

내 코드는

이 코드가 로컬 일

$('#ratings').val($rate); 
$('#ratingStar_'+$i).attr('src', 'images/star_icon.png'); 

를 불렀어; 서버에서는 이 아니고입니다.

는 다음에, 수정 소자의 ID가 & jQuery를 모바일 베타 1.0을 사용 하였다 절대적 고유은

$('.ui-grid-a .ui-block-b #ratings').val($rate); 
$('.ui-grid-a .ui-block-b #ratingStar_'+$i).attr('src', 'images/star_icon.png'); 

워크를 만들었다.

문제점은 무엇입니까?

Answer 1

정확한 컨텍스트를 알 수 없으므로 확실하게 알 수 없습니다. 그러나 일반적으로 jQuery Mobile과 같은 프레임 워크를 사용하는 경우 id 속성 값을 사용하여 DOM 트리에서 HTML 요소를 선택하지 않아야합니다.

Rhomobile 팀 ("중요 참고 사항"섹션 참조)에서 here으로 설명했듯이 이러한 종류의 프레임 워크가 페이지 캐싱을 수행하는 방식과 관련이 있습니다.

jQuery를 (예 : jQuery를 모바일과 같은 프레임 워크를 사용하는 경우) 일부 정확한 요소를 선택하는 신뢰할 수있는 방법은 다음과 같습니다

// this code will return exact span element from the current active page 
var ratingsElement = $("div.ui-page-active span.ratings");