2013-03-01 1 views
0

나는 JQuery와 UI를 사용하여 회 전자 일하고 있으며이 가져가 일시 중지 얻을 수에 일시 정지를 회전 :의 jQuery UI 탭 호버

$(document).ready(function(){ 
    $("#rotator").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); 
    $("#rotator").hover( 
     function() { 
      $("#rotator").tabs("rotate",0,true); 
     }, 
     function() { 
      $("#rotator").tabs("rotate",5000,true); 
     } 
    ); 
}); 

이 유일한 문제는 그것이 마지막 항목을 중지한다는 것입니다 목록을 작성하지 않으면 첫 번째 항목까지 회전하지 않습니다.

$(document).ready(function(){ 
    $("#rotator > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); 
    $("#rotator").hover( 
     function() { 
      $("#rotator").tabs("rotate",0,true); 
     }, 
     function() { 
      $("#rotator").tabs("rotate",5000,true); 
     } 
    ); 
}); 

하지만 호버가 작동하지 않습니다.

아이디어를 가져와 목록을 탐색하고 마우스를 올리면 일시 중지 하시겠습니까?

+0

ul에 영향을주는 다른 코드를 볼 수 있도록 [jsFiddle] (http://jsfiddle.net/)에 간단한 예제를 제공 할 수 있습니까? – Walls

+0

jsfiddle please please – Dom

+0

좋아, 미안해. 돌아 오기까지 너무 오래 걸렸어. 나는 그것을 여기에서 달리게했다 : [링크] http://jsfiddle.net/steveeller/5W6Fw/ 그것은 호버로 일하고있다. .. 일종의. 로테이터 위에 마우스가 계속 움직이면. 멈 추면 회전이 다시 시작됩니다. 나는 그것으로 다소 괜찮습니다. 실제 문제는 다음과 같습니다. 1. 목록을 순환하지 않습니다. 항목 5에 도착한 다음 빈 배경으로 주 영역을 표시하고 회전을 중지합니다. #rotator> ul로 만들려고 시도했지만 회전을 올바르게 반복하지만 일시 중지 기능은 사용할 수 없습니다. – user1356871

답변

0

나는 jquery와 jquery UI의 정말 오래된 버전이 있습니다. 우리 사이트에서 실행중인 버전으로 업데이트되었습니다 (1.7.2 및 jquery, ui 1.82). 최신 버전을 실행할 수는 있지만 기존 코드에 대한 문제가 너무 많습니다.