hoverintent를 사용하여 # 링크를 클릭하지 마십시오.

Question

hoverintent를 사용하여 이미지 페이드를 위해 만든이 코드를 클릭하면 어떻게 링크를 비활성화 할 수 있습니까? 이제 명명 된 앵커를 사용하고 있지만 점프하므로 클릭을 비활성화하고 싶습니다.

<A class="next2 nextbuttonB" href="#top">INSTALL</A> 
<A class="next2 nextbuttonA" href="#top">ESTIMATE</A> 

및 JQuery와

$('#A,#B,').addClass('nextHide'); 

$('.nextbuttonA').hoverIntent(function() { 
$('#A').fadeIn("slow");$('#B').fadeOut(); 
}, function() { 
$('#B').hide(); 
}); 

$('.nextbuttonB').hoverIntent(function() { 
$('#B').fadeIn("slow");$('#A').fadeOut(); 
}, function() { 
$('#A').hide(); 
});  

$('.nextbutton').hoverIntent(function() { 
$('#A,#B').fadeOut(); 
}, function() { 
$('#A,#B').hide(); 
}); 

$('#A,#B').mouseleave(function(){ 
    $('#A,#B').fadeOut(); 
}); 

Answer 1

하나는

return false;

할 또는이 같은 e.preventDefault() 당신의 function-e로 이벤트를 전달하고 수행

$('.next2').click(
    function(e){ 
     e.preventDefault(); //return false; //would also work 
     //then do other stuff 
}); 

을

또한 #top을 사용해야하는 이유는 무엇입니까? 명명 된 앵커처럼 동작하지 않게하려면? 당신은 그냥 사용할 수 있습니다 <a href="javascript:void(0)">...</a>

Answer 2

가 /이 변화를 시도 필요에 따라 선택을 추가

$("#A,#B").click(function(event) { 
    event.preventDefault(); 
});