jquery - 禁用点击带有 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给您function并执行e.preventDefault()以下操作：

$('.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();
});