jquery - サブリンクが機能しないのはなぜですか?

Question

slideDown メニューのリンクに問題があります。

リンクをクリックできないのはなぜですか?

ここで確認できます: JSFiddle

私のjQueryコードは次のとおりです。

$('.links').hide();
$('.header a').click(function(e) {
    $(this).next('.links').slideToggle('normal');
    e.preventDefault();
});

score 1 · Accepted Answer

それを削除e.preventDefault()すると、デフォルトのアクションが妨げられますclick()

$('.header a').click(function(e) {
            $(this).next('.links').slideToggle('normal');
            //e.preventDefault();
        });

score 1 · Accepted Answer

セレクター.header aは、不要な内に含まれるすべてのアンカーに影響し.headerます。toggle()の直接の子であるアンカー.headerがクリックされた場合にのみ必要です。

$('.header > a').click(function(e) {
    e.preventDefault();
    $(this).next('.links').slideToggle('normal');
});

score 0 · Accepted Answer

これを使用e.preventDefault();すると、発生するデフォルトのアクションが停止します。つまり、HREF はページを新しい場所に移動します。リンクを削除するe.preventDefault()と、リンクは再び「アクティブ」になります。

更新されたコード

$('.header a').click(function(e) {
    $(this).next('.links').slideToggle('normal');
});

e.preventDefault()- このメソッドが呼び出された場合、イベントのデフォルトアクションはトリガーされません。たとえば、アンカーをクリックしても、ブラウザーは新しい URL に移動しません。

3 に答える 3