Caph-list 3.1이 잘 작동하지 않는 탐색을 생성하는 요소에 포커스와 위치를 설정합니다.

Question

모두.

나는 수평 카프 목록 whitin 요소에 포커스를 설정 약간의 문제가 발생하고 요소가 앞서 목록에 있으면 해당 요소에보기를 이동하고있다. 내가하고있는 일은 요소의 배열을 whitin 요소의 위치 인덱스를 얻는 것입니다.이 배열은 요소 목록에 전달됩니다. 나는 카프 목록을 만들 때

index = $.map(favorites, function(obj, index) { 
    if (obj.id == element_id) { 
    return index; 
} 

그런 다음 나는 요소가없이 화면에있는 목록에서의 위치를 ​​표시되지 않습니다 보장하기 위해 initialItemIndex 매개 변수를 사용합니다. 내가 이것을 사용하지 않는다면 초점을 설정하고자하는 요소는 탐색 할 때까지 화면에 표시되지 않기 때문입니다. 카프리스트 객체가 생성 된 후

$('#favorite-items').caphList({ 
    items: favorites, 
    template: 'template-favorite-items', 
    duration: '0.7s', 
    pageBufferSize: 1, 
    initialItemIndex: index, 
    containerClass: 'caph-list-container-favorites' 
}); 

후 그 elemenet에 포커스를 설정하기 위해 focus() 기능을 사용합니다.

item = $('#' + element_id); 
$.caph.focus.controllerProvider.getInstance().focus(item); 

이 과정에서 원하는 요소에 초점을 맞추고 요소가 화면에 표시되지만 문제가 시작됩니다. 화면의 포커스 요소를 탐색하고 리모콘의 위 또는 아래 키를 누르면 화면의 오른쪽 또는 왼쪽 요소에 가장 많이 도달 할 때까지 작동하지 않으며 caph-list elemets는 위치를 변경하고 오른쪽 또는 왼쪽. 리스트가 엘리먼트의 위치를 ​​변경 한 후에 네비게이션이 정상적인 behaivior로 돌아 오면, 아래쪽의 왼쪽 아래 키는 평소처럼 작동합니다.

세로 탐색 목록을 사용할 때 탐색과 관련된이 문제가 발생하지만이 경우 요소의 위치가 변경 될 때까지 위아래로 요소를 탐색 할 수 있으며 그 다음에 만 전체 탐색 컨트롤을 다시 사용할 수 있습니다.

내가 한 일 외에 더 많은 것을해야합니까?

는 앞서 목록의 경우에도 요소에 포커스를 설정하는 다른 방법이 있습니까?

내가 탐색에 영향을주지 않고 집중 할 요소의 위치로 이동하는 방법이 있나요? 내가 질문을 이해한다면

Answer 1

, 당신은 요소의 "집중"상태를 강제로합니다. 당신의 방법으로

는 :

는

이 작동하지 마십시오

> $.caph.focus.controllerProvider.getInstance().focus(item); 

, 나는 그렇게하는 것이 좋습니다 : 문서에서

$.caph.focus.$$toAvailable(item); 

: 기본적으로

http://developer.samsung.com/onlinedocs/tv/caphdocs/main.html?type=jquery&doc=tutorial&p1=7

, $ .caph.focus가 자동으로 만듭니다. MutationObserver를 사용하여 새로 추가 된 포커스 가능 요소를 사용할 수 있습니다. 그러나 MutationObserver 이 제공되지 않으면 직접 사용 가능하게 설정해야합니다. 따라서 $ .caph.focus는 관리를 위해 $$ toAvailable을 제공합니다. 이 메서드는 요소를 가장 가까운 포커스 가능 파인더에 넣고 모든 관련 이벤트를 요소로 바인딩합니다.

문서에서 MutationObserver가 제공되는지 확인하는 것이 좋지만 제 경험으로는 권장하지 않기 때문에 제 경우에는 실패했습니다.