JQuery 스크롤 가능한 탭이 선택된 탭에 붙임

Question

스크롤 할 수있는 탭을 만들기 위해 여기에있는 코드를 사용했습니다 http://jsfiddle.net/mekwall/dECtZ/. 정말 잘 작동하지만 처음 선택한 탭을 기본값으로 설정할 때 문제가 발생했습니다.

탭이 표시된 탭 범위를 벗어납니다 (로드시 13 개의 탭 중 5 개가 표시되고로드시 8 번째 탭을 선택했습니다).

여기에 문제의 예를 참조하십시오 : 나는 플러그인에서 사용할 수있는 무언가가 바라고 http://jsfiddle.net/chriscdk/cf7yvLfz/

을

$(function() { 
    $("#tabs1").tabs({ 
     scrollable: true, 
     changeOnScroll: false, 
     selected:8 
    }); 
}); 

하지만 난보고 아무것도 찾을 수가 없었다 JQuery API.

Answer 1

위젯 확장의 생성자를 보면 scrollTo 함수를 제공합니다. 불행하게도이 함수는 사용자에게 노출되지 않습니다. 그래서 당신은 그것을 노출 한 줄을 추가 할 수 있습니다

this.scrollTo = scrollTo; 

그런 다음 일반적인 방법으로 그것을 호출 할 수

var scrollValue = 200, delay = 0; 
// you probably want to calculate a scrollValue from the default tabs' 
// width and selection number instead of hardcoding a value 
$("#tabs").tabs("scrollTo", scrollValue, delay); 

이이 기능은 의도적으로 가 노출되지 않도록 고려 가치가있다. 원저자는 아마도 사람들이 방금 설명한 것과 같은 불쾌한 해킹을하려고 의도하지 않았을 것입니다. 올바른 방법은 자신 만의 (아마도 원본을 기반으로 한) 스크롤 기능을 작성하고 위젯을 확장하는 것입니다.

그러나 향후 유지 관리에 너무 신경 쓰지 않는다면이 두 줄의 해킹을 사용하여 향후 변경 사항을 면밀하고 신중하게 지켜 볼 수 있습니다.

은 여기 바이올린 업데이트의 : http://jsfiddle.net/xfhzyece/