jQuery TOOLS 탭 변경을 지연시키는 방법은 무엇입니까?

jQuery TOOLS 탭에 문제가 있습니다. 마우스 오버로 이벤트를 설정하고 마우스를 너무 빠르게 움직이면 더 많은 창이 나타납니다. 탭 전환이나이 문제를 해결하는 방법이 있습니까?jQuery TOOLS 탭 변경을 지연시키는 방법은 무엇입니까?

출처

2009-12-03 LeGaS

다시 읽은 후 나는 당신의 문제가 무엇인지 이해했다. event:'mouseover'과 effect:'fade'을 사용하고 탭 위로 정말로 빠르게 움직이는 경우 여러 개의 탭이 마지막에 열렸을 수 있습니다.

탭 소스 코드를 살펴 보았습니다. 탭 코드를 기반으로 사용자 정의 된 myfade 효과를 제공하여 문제를 제거합니다.

//add custom effect with name myfade 
$.tools.tabs.addEffect("myfade", function(i, done) { 
    var conf = this.getConf(), 
    speed = conf.fadeOutSpeed, 
    panes = this.getPanes(); 
    panes.stop(true,true); 

    if (speed) { 
     panes.fadeOut(speed); 
    } else { 
     panes.hide(); 
    } 
    panes.eq(i).fadeIn(conf.fadeInSpeed, done); 
}); 
.... 
$(selectorForTabs).tabs({event:'mouseover', effect:'myfade'});

내가 (BTW. 당신은 매우 막연. 당신은 또한 당신의 문제에 대한 통찰력을 줄 수있는 자바 스크립트/HTML 코드를 제공하지 않은 설명) 문제를 재현 할 수 있습니다. (상관없이 마우스를 이동 얼마나 빨리 당신은 단지 하나 개의 탭이 표시됩니다) 샘플 여기

점검

jQuery Tools Tabs: Using mouseover to switch tabs

출처

2009-12-03 14:38:49 jitter

나는 예제 페이지를 확인하고 지금은 문제가 무엇인지 알고 : I 페이드 효과를 사용하여 탭을 변경하십시오. 나는 JS/HTML 코드가 필요하다고 생각하지 않는다. 왜냐하면 페이드 효과에 문제가있을 것이기 때문에 아무도 공식 포럼에서 내 질문에 답하지 않는다. – LeGaS

감사합니다. 그것은 완벽하게 작동합니다. :) – LeGaS

jQuery TOOLS 탭 변경을 지연시키는 방법은 무엇입니까?

답변

관련 문제