2011-03-22 6 views
6

저는 jquery UI를 사용 중이며 슬라이드 쇼에서 회전을 사용하고 있습니다. 내 페이지가 꽤 오래 동안UI 탭이 도용 포커스를 회전합니다.

<ul class="ui-tabs-nav" id="slide-controls"> 
     <li class="ui-tabs-selected" id="slide-control-slide_1"><a class="selected" href="#slide_1">Slide 1</a></li> 
     <li id="slide-control-slide_2"><a href="#slide_2">Slide 2</a></li> 
     <li id="slide-control-slide_3"><a href="#slide_3">Slide 3</a></li> 
     <li id="slide-control-slide_4"><a href="#slide_4">Slide 4</a></li> 
</ul> 

Q1) 내 슬라이드 쇼, 상단에 있습니다. 따라서 페이지의 맨 아래로 스크롤 할 때마다 슬라이드 쇼가 슬라이드 (자동 회전)로 바뀌면 포커스가 위의 앵커 태그에 놓입니다. 그래서 jQuery 사용자 탭 회전 내 초점을 훔치는 것 같습니다. 어떤 도움을 주시면 감사하겠습니다.

Q2) 또 다른 질문 - 어떻게 초점에서 요소를 중지 할 수 있습니다?

감사

+2

귀하의 jquery 코드가 있습니다. 또한 더미 텍스트가있는 빈 html 페이지를 작성하여이를 재현 할 수 있습니다. – Matt

+0

다음은 원하는 샘플입니다. http://jsbin.com/aqufu4/edit. 긴 페이지에 대해 또는 탭 컨테이너에 고정 높이를 설정하면 우리가 한 일을 할 수 있습니다. 모든 탭 변경 사항을 아래로 스크롤하십시오. 초점에 관해서는, 그것은 쉬웠다. 봐. –

답변

0

두 번째 질문은 쉽게해야을 (어떻게 든 내 앞 으론 관련).

object.onfocus = function() {return false;}

관련 문제