jQueryがリンクを無効にする

誰もが使用せずにjqueryのリンクを無効にする方法を知っていreturn false;ますか？

具体的には、私がやろうとしているのは、アイテムのリンクを無効にし、何かをトリガーするjqueryを使用してクリックし、そのリンクを再度有効にして、再度クリックするとデフォルトで機能するようにすることです。

ありがとう。デイブ

更新これ がコードです。.expandedクラスが適用された後に行う必要があるのは、無効にされたリンクを再度有効にすることです。

$('ul li').click(function(e) {
    e.preventDefault();
    $('ul').addClass('expanded');
    $('ul.expanded').fadeIn(300);
    //return false;
});

$('#myLink').click(function(e) {
    e.preventDefault();
    //do other stuff when a click happens
});

これにより、指定したhrefにアクセスするというハイパーリンクのデフォルトの動作が妨げられます。

jQuery チュートリアルから：

クリックおよびその他のほとんどのイベントの場合、イベントハンドラーでevent.preventDefault（）を呼び出すことにより、jquery.comへのリンクをたどって、デフォルトの動作を回避できます。

preventDefault()特定の条件が満たされている場合にのみ（たとえば、何かが非表示になっている場合）、クラスを展開してulの可視性をテストできます。表示されている（つまり、非表示になっていない）場合、ifステートメントが入力されないため、リンクは通常どおり起動するはずであり、デフォルトの動作は妨げられません。

$('ul li').click(function(e) {
    if($('ul.expanded').is(':hidden')) {
        e.preventDefault();
        $('ul').addClass('expanded');
        $('ul.expanded').fadeIn(300);
    } 
});

これを試して：

$("a").removeAttr('href');

編集-

更新したコードから：

 var location= $('#link1').attr("href");
 $("#link1").removeAttr('href');
 $('ul').addClass('expanded');
 $('ul.expanded').fadeIn(300);
 $("#link1").attr("href", location);

私のようにグーグル経由でここに来た他の人のために-ここに別のアプローチがあります：

css:
.disabled {
  color: grey; // ...whatever
}

jQuery:
$('#myLink').click(function (e) {
  e.preventDefault();
  if ($(this).hasClass('disabled'))
    return false; // Do something else in here if required
  else
    window.location.href = $(this).attr('href');
});

// Elsewhere in your code
if (disabledCondition == true)
  $('#myLink').addClass('disabled')
else
  $('#myLink').removeClass('disabled')

覚えておいてください：これはcssクラスだけではありません

class = "buttonstyle"

しかし、これらの2つ

class = "buttonstyle disabled"

そのため、jQueryを使用してクラスを簡単に追加および削除できます。hrefに触れる必要はありません...

私はjQueryが大好きです！;-)

以下は、私がその簡潔さと最小限のスクリプトで好む代替のcss / jQueryソリューションです。

css：

a.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

jQuery：

$('.disableAfterClick').click(function (e) {
   $(this).addClass('disabled');
});

次の方法でクリックしてリンクを削除できます。

$('#link-id').unbind('click');

次の方法でリンクを再度有効にできます。

$('#link-id').bind('click');

リンクに 'disabled'プロパティを使用することはできません。

あなたがhrefルートを行くなら、あなたはそれを保存することができます

無効にするには：

$('a').each(function(){
    $(this).data("href", $(this).attr("href")).removeAttr("href");
});

次に、以下を使用して再度有効にします。

$('a').each(function(){
    $(this).attr("href", $(this).data("href"));
});

あるケースでは、クリックイベントが既にどこか別の場所にバインドされていて、それを制御できなかったため、この方法で行う必要がありました。

私は常にリンクを無効にするためにjQueryでこれを使用します

$("form a").attr("disabled", "disabled");

HTMLリンクの例：

        <!-- boostrap button + fontawesome icon -->
        <a class="btn btn-primary" id="BT_Download" target="blank" href="DownloadDoc?Id=32">
        <i class="icon-file-text icon-large"></i>
        Download Document
        </a>

これをjQueryで使用してください

    $('#BT_Download').attr('disabled',true);

これをcssに追加します：

    a[disabled="disabled"] {
        pointer-events: none;
    }

「チェックアウトしてアイテムを編集し、チェックアウト中に-ワイルドワイルドウエストクリックがどこにでも移動しないようにする」機能の私のお気に入り

$('a').click(function(e) {
    var = $(this).attr('disabled');
    if (var === 'disabled') {
        e.preventDefault();
    }
});

したがって、上記の「編集モード」で2番目のアクションツールバーのすべての外部リンクを無効にする場合は、編集機能を追加します

$('#actionToolbar .external').attr('disabled', true);

発砲後のリンクの例：

<a href="http://goo.gl" target="elsewhere" class="external" disabled="disabled">Google</a>

そして今、あなたはリンクに無効化されたプロパティを使用することができます

乾杯！

あなたはここで答えを見つけるはずです。

このエレガントなソリューションを提供してくれた@Willと@Mattに感謝します。

jQuery('#path .to .your a').each(function(){
    var $t = jQuery(this);
    $t.after($t.text());
    $t.remove();
});

あなたは好きなようにリンクを隠したり表示したりすることができます

$(link).hide();
$(link).show();

何かをトリガーし、いくつかのフラグを設定し、falseを返します。フラグが設定されている場合-何もしません。

unbind()で廃止されましたjQuery 3。off()代わりにメソッドを使用してください：

$("a").off("click");

私はこれがjQueryにはないことを知っていますが、簡単なCSSでリンクを無効にすることができます：

a[disabled] {
  z-index: -1;
}

HTMLは次のようになります

<a disabled="disabled" href="/start">Take Survey</a>

これは、onclick属性がインラインで設定されているリンクで機能します。これにより、後で「return false」を削除して有効にすることもできます。

        //disable all links matching class
        $('.yourLinkClass').each(function(index) {
            var link = $(this);
            var OnClickValue = link.attr("onclick");
            link.attr("onclick", "return false; " + OnClickValue);
        });

        //enable all edit links
        $('.yourLinkClass').each(function (index) {
            var link = $(this);
            var OnClickValue = link.attr("onclick");
            link.attr("onclick", OnClickValue.replace("return false; ", ""));
        });

だけを使用してください$("a").prop("disabled", true);。これにより、de link要素が実際に無効になります。する必要がありますprop("disabled", true)。使わないattr("disabled", true)