호버 딜레이 지연 추가

아래 코드의 호버 효과에 지연을 추가하고 싶습니다. 나는 jQuery가 매우 약하다.호버 딜레이 지연 추가

$(".home-furniture .menu > ul > li > a").hover(function(e){ 
    e.preventDefault(); 
    $(".home-furniture .menu > ul > li > a").removeClass("active"); 
    $(".home-furniture .menu > ul > li > .gallery").removeClass("active"); 
    $(".home-furniture .menu > ul > li > div .viewer-border").css({"left":"-9999em"}); 
    $(this).next().find(".viewer-border").removeAttr("style"); 

    $(this).addClass("active"); 
    $(this).next().addClass("active"); 
});

출처

2014-08-28 biky

매우 비슷한 질문 : http://stackoverflow.com/questions/15575993/how-to-add-delay-to 당신이 (여기에 1000 밀리 초 지연으로 표시) 가져가 밖으로 작업을 취소 할 가정 -jquery-mouseover – Stryner

원하는 지연 후에 코드를 실행하도록 타이머를 설정하십시오.

 var id; 
     $(".home-furniture .menu > ul > li > a").hover(function (e) { 
      e.preventDefault(); 
      id = setTimeout(function() { 
       $(".home-furniture .menu > ul > li > a").removeClass("active"); 
       $(".home-furniture .menu > ul > li > .gallery").removeClass("active"); 
       $(".home-furniture .menu > ul > li > div .viewer-border").css({ "left": "-9999em" }); 
       $(this).next().find(".viewer-border").removeAttr("style"); 
       $(this).addClass("active"); 
       $(this).next().addClass("active"); 
      }, 1000); 
     }, 
     function (e) { 
      clearTimeout(id); 
     });

출처

2014-08-28 16:49:49

안녕하세요.이 작업을 시도하고 전체 애니메이션이 중지되었습니다. – biky

호버 딜레이 지연 추가

답변

관련 문제