지연 링크는 여기에

Question

을 클릭 내가 함께 일하고 있어요 바이올린의 : http://jsfiddle.net/Scd9b/

가 어떻게 클릭 후 HREF 기능을 지연시킬 수는?

예를 들어 사용자가 링크를 클릭하면 메시지가 번 슬라이드 ...과 2 초 후 사용자는 링크 된 페이지로 계속 이동합니다.

죄송합니다. 모든 사람은 링크되지 않은 앵커가 있음을 잊어 버렸습니다.

Answer 1

. 그래서 우리는 preventDefault와 링크의 정상적인 기능을 차단 한 후 setTimeout에, 우리는 올바른에서는 window.location을 설정합니다 :

http://jsfiddle.net/LwFkn/3/

Answer 2

클릭을 취소하고 setTimeout을 사용하여 위치를 변경하십시오.

$(document).ready(function(){ 

    $("span.answer").hide(); 

    $("a.question").click(function(e){ 
     $(this).toggleClass("active").next().slideToggle("slow"); 
     e.preventDefault(); 
     var loc = this.href; 
     if(loc){ 
      window.setTimeout(function(){ window.location.href=loc; }, 2000); 
     } 
    }); 

}); 

Answer 3

먼저 링크의 기본 동작을 방지하십시오. 그런 다음 2 초의 제한 시간을 추가하십시오. 그러면 페이지가 링크의 href 속성에있는 url으로 리디렉션됩니다.

$("a.question").click(function(e){ 
    e.preventDefault(); 
    $(this).toggleClass("active").next().slideToggle("slow"); 
    setTimeout(function(){ 
     location.href = $(this).prop("href"); 
    }, 2000); 
}); 

Example.

Answer 4

$(document).ready(function(){ 

    $("span.answer").hide(); 

    $("a.question").click(function(e){ 
     e.preventDefault(); 
     $(this).toggleClass("active").next().slideToggle("slow"); 
     var Link = $(this).attr("href"); 
     setTimeout(function() 
     { 
      window.location.href = Link; 
     },2000); 
    }); 

}); 

Answer 5

클릭 핸들러에서 e.preventDefault는 어떻습니까? 그런 다음 목적지로 이동하는 setTimeout을 수행 하시겠습니까?

$("a.question").click(function(e){ 
    e.preventDefault(); 
    $(this).toggleClass("active").next().slideToggle("slow"); 
    setTimeout('window.location.href=' + $(this).attr(href), 2000); 
}); 

Answer 6

확인이 바이올린 : http://jsfiddle.net/C87wM/1/

이처럼 토글 수정 : 당신은 설정에서는 window.location하여 페이지로 이동 시뮬레이션 할 수 있습니다

$("a.question[href]").click(function(){ 
    var self = $(this); 
    self.toggleClass("active").next().slideToggle(2000, function() { 
     window.location.href = self.attr('href'); // go to href after the slide animation completes 
    }); 
    return false; // And also make sure you return false from your click handler. 
}); 

Answer 7

이 그것을 수행해야합니다

$("a[href]").click(function() { 
    var url = this.href; 
    setTimeout(function() { 
     location.href = url; 
    }, 2000); 
    return false; 
});