2009-08-04 24 views
1

ハイパーリンクをクリックすると、そのハイパーリンクを有効または無効にする方法のサンプルコードを提案できますか?jquery - ハイパーリンクを有効または無効にする

Iは、以下を試み、ない結果、このコードで

1)$("a#click").onclick = function() { return false; }

2)$("a#click").attr ('href', '#');

3)

$(function(){ 
    $("#disabled a").click(function() { 
    $(this).fadeTo("fast", .5).removeAttr("href"); 
    }); 
}); 
+0

の可能な複製[どのようにjqueryを使用してアンカータグを有効または無効にする](http://stackoverflow.com/questions/1164635/how-to-enable-or-disable-anchor-tag-using-jquery) –

答えて

3

$("a#click").click(function() { return false; });

、任意のクリックリンク上で何の効果もありません。それはあなたが探しているものですか?

0

マイ可能推測

$('a').attr('disabled','disabled'); 

はそれが助け場合はお知らせます。..

+2

これはありませんhttp://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-87355129によれば、アンカータグのdisabled属性は、スタイルシートをトリガするためにのみ使用できます。 - 引用符:無効(ブール型) リンクを有効または無効にします。これは現在、スタイルシートリンクにのみ使用されており、スタイルシートを有効または無効にするために使用できます。 - – Sander

3

ハイパーリンクを使用すると、そのクラスを切り替える無効にする必要がある場合、私はCSSクラス... でそれを行うだろう「無効にする」をオンにする。

これはあなたに別のスタイル(カーソル、色...)

でa.disabledスタイルに力を与え、クリックしたリンクが所有していない場合はクリックイベントであなただけのアクションを実行するだけでチェックあなたはA-タグに機能を付加話をしているが、ブラウザがそれにHREFを処理したくない場合は、クラス「無効」

$('a').bind('click', function(){ 
    if($(this).hasClass('disabled')) { 
    // perform actions upon disabled... show the user he cannot click this link 
    return false; 
    } else { 
    // perform actions for the click... 
    } 
}); 
2

、行うには、組み込みのjQueryの方法がありますこれは:

$("a#click").click(function(event) { 
event.preventDefault(); 

// do stuff here 
}); 
関連する問題