☰

jQueryでリンクを無効にする 質問する

tag-icon • tag-icon jquery hyperlink
jQueryでリンクを無効にする 質問する

を使用せずに jQuery でリンクを無効にする方法を知っている人はいますかreturn false;?

具体的には、アイテムのリンクを無効にし、jQuery を使用してクリックしていくつかの処理をトリガーし、そのリンクを再度有効にして、再度クリックするとデフォルトで機能するようにします。

ありがとう。デイブ

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

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

ベストアンサー1

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

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

jQueryからチュートリアル:

クリックイベントやその他のほとんどのイベントでは、イベントハンドラでevent.preventDefault()を呼び出すことで、デフォルトの動作を防ぐことができます。

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

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

おすすめ記事