1

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();
});
4

2 に答える 2

2

どちらかを行います

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-11T05:49:05.437 に答える
2

必要に応じて、この変更/追加セレクターを試してください

$("#A,#B").click(function(event) {
  event.preventDefault();
});
于 2012-06-11T05:50:06.063 に答える