禁用點擊＃與hoverintent的鏈接

如何禁用鏈接，當點擊這個代碼時，我爲圖像淡出使用hoverintent。我現在使用的是一個已命名的錨，但它跳轉，所以我想禁用點擊。禁用點擊＃與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(); 
});

來源

2012-06-11 Gord

'event.preventDefault（）'或'返回FALSE'將解決這個問題。 – undefined

要麼做一個

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>

來源

2012-06-11 05:49:05

僅僅使用..也不會跳。 – vendettamit

您需要使用哈希標記鏈接進行懸停，並將哈希標記作爲鏈接移至文檔頂部，以便命名錨點至少可以更靠近它。 jsvoid和preventDefault殺死鏈接上的懸停樣式。 – Gord

試試這個改變/根據需要添加選擇

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

來源

2012-06-11 05:50:06

也停止了懸停樣式。所以你點擊它改變顏色的鏈接，但不會變回... – Gord

禁用點擊＃與hoverintent的鏈接

回答

相關問題