동적 목록보기에 선택한 항목을 표시합니다.

Question

저는 아약스 호출로 채워지는 목록보기가 있습니다. 목록의 항목은 js 함수 onclick을 호출하도록 설정되어 페이지의 다른 목록보기를 업데이트합니다. 사용자가 목록에서 다른 항목을 선택할 때까지 첫 번째 listview의 선택된 항목의 강조 표시된 상태를 유지하려고합니다. 나는 클릭 핸들러를 목록 항목 ('li a:first')의 앵커에 추가하고 li에 내 테마의 ui-btn-down 클래스를 추가하려고 시도했지만 내 iPad에서는 작동하지 않습니다. 나는 이것을하기위한 똑똑한 방법이 있기를 바라고 있습니다. 나는 생각하기에는 너무 피곤합니다.

도움을 주시면 감사하겠습니다.

감사합니다.

Answer 1

어제도 비슷한 질문이 있었고 다음과 같은 해결책을 제시했습니다.

$('#listAddr li').bind('click', function() { 
    $('#listAddr li').attr("data-theme", "c").removeClass("ui-btn-up-b").removeClass('ui-btn-hover-b').addClass("ui-btn-up-c").addClass('ui-btn-hover-c'); 
    $(this).attr("data-theme", "b").removeClass("ui-btn-up-c").removeClass('ui-btn-hover-c').addClass("ui-btn-up-b").addClass('ui-btn-hover-b'); 
}); 

기본적으로 테마를 변경하고 관련 클래스를 제거/추가합니다.

이 Live fiddle

에 예를 확인하실 수 있습니다