2010-02-16 6 views
0

마우스 입력시 .li_group 클래스를 사용하면 하나의 단일 <li> 태그에 슬라이드 다운 효과가 적용됩니다. 모든 것이 원활하게 진행되지만, 지연되는 동안 마우스를 껐다가 다시 켜면 "대기열에 대기" 효과 및 슬라이드 슬라이드, 지연, 다시 슬라이드 등 등 ... 내가 생각할 수있는 모든 방법을 시도했다 심지어 중지(); 당신이 당신은 또한 큐와 점프를 .stop() 취소 않았다 사용 UL/리튬 목록jquery 문제, 마우스 센터 대기열에서 사용 안 함

$(".li_group").live('mouseenter',function(){ 
     var id = "#ec1"; 
     $(id).slideDown();        
    }).live('mouseleave',function(){ 
    if (jQuery.support.cssFloat==true || getInternetExplorerVersion() > 7) {  //ie < 8 endless up/down on close 
     var id = "#ec1"; 
     $(id).delay(5000).slideUp('fast'); 
     } 
    }); 
+0

'hover'는'mouseenter' 및'mouseleave' 이벤트에 핸들러를 바인딩합니다. –

답변

2

더 나은 작동하기 때문에하지만 여전히

내가 mouseenter 대신 호버의 사용 이유 ... 그것을 않습니다이며, 끝으로? 나는 이것이 당신이지고 있었다 문제를 방지하기 위해 넣어 것을 받아 예를 들어,

$(".li_group") 
    .live('mouseenter',function(){ 
     var id = "#ec1"; 
     $(id).stop(true, true).slideDown();        
    }) 
    .live('mouseleave',function(){ 
     //ie < 8 endless up/down on close 
     if (jQuery.support.cssFloat==true || getInternetExplorerVersion() > 7) {  
      var id = "#ec1"; 
      $(id).stop(true, true).slideUp('fast'); 
     } 
    }); 

나는 거기 밖으로 delay(5000) 전화를 촬영했습니다. 또한 셀렉터에서 태그 이름을 사용하는 것이 좋습니다. document.getElementsByClassName()

+0

응답 해 주셔서 감사합니다. .. 그것은 위로 미끄러지는 것이 어떨까요? 왜냐하면 당신이 요소를 지나서 마우스를 움직이면 위로 아래로 미끄러지는 ... 그러나 당신은 문제를 해결할 수 있습니다 ...하지만 여전히 슬라이딩에서 지연시킬 필요가 있다고 생각합니다. 첫 번째/두 번째 시간이 지나면 지연이 느껴진다. – jason