<a>機能を削除してください

Question

私は以前これを見てきましたが、私はどこにいるのか正確には分かりません。

href属性を<a class="classname">という名前で使用しています。これは、jQueryプラグインであるため、href属性を使用して利用するIDを定義しているためです。

もちろん、クリックすると、私は実際には望んでいないidの上にスクロールします（私は同じ位置にとどまるようにしたい）。

href属性を同じに保つことはできますが、「リンク」機能を無効にする方法はありますか<a class="classname">？

Answer 1

$(document).delegate('.classname', 'click', function (e) { 
    e.preventDefault(); 
}); 

Answer 2

は、次の属性を追加：ミスターサミュエルさんとミスターRubyの答えに拡大

onclick="return false;" 

Answer 3

を、あなたはjQueryを使って、すべての要素にこれを適用することができます。

$("a.classname").attr("href", "javascript:void 0").attr("onclick", "return false;"); 

Answer 4

jqueryのためにpreventDefault()を使用する必要があるように聞こえます。

<a href="#thisWontWork" class="classname">link</a> 

<script type="text/javascript"> 
$('.classname').click(function(e) { 
e.preventDefault(); 
//do other stuff 
}); 
</script> 

かさえ、このような何か...

<a href="#thisWontWork" onclick="something(); return false;">link</a> 

Answer 5

return false; 

はでpreventDefaultとイベントの両方があまりにも

<a id="clickme" href="#">click me href </a>  
    $(document).ready(function() { 
     $("#clickme").click(function() { 
      alert("clicked!"); 
      return false; 
     }); 
    }); 

Answer 6

<a href="someLink" class="classname">link</a> 
<script type="text/javascript"> 
$(document).ready(function(){ 
     $('.classname').each(function(){ 
      $(this).click(function(){ 
       //do whatever you want 
       alert($(this).attr('href')); 
       return false; 
      }); 
     }); 
}); 
</script> 

希望これは、複数のリンクのために便利ですがbubling行います同じクラス名で