jquery - jqueryの正しいコード形式

Question

私はこの適切なコードに興味があります。誰かがこれを修正し、これについて少し説明できれば幸いです。

$('.parentmenu:nth-child(1)').addClass('on', function(){
    $(this+'ul').delay(500).slideDown();
});

この参照と同じクラス要素を使用し、ナビゲーションスライドダウンをトリガーするUL要素を追加したいと思います。正しいフォーマットを教えてください。

または、このコードを短縮する方法はありますか？前もって感謝します。

score 1 · Accepted Answer

あなたはどちらかをすることができます

$('ul',this).delay(500).slideDown();

また

$(this).find('ul').delay(500).slideDown();

どちらかが機能するはずです。

score 1 · Accepted Answer

コールバックがあるのを聞いた.addClass()ことがありません

これは間違った構文です。

.addClass('on', function(){

多分あなたはこれを探しています

$('.parentmenu:nth-child(1)').find('ul').delay(500).slideDown();

score 1 · Accepted Answer

のコールバックについて聞いたことがありませんaddClass()。

代わりにこれを試してください：

$('.parentmenu').first().addClass('on').find('ul').delay(500).slideDown();

score 1 · Accepted Answer

addClass がコールバックを受け入れるとは思わない。読み取り可能な行は次のようになります

$('.parentmenu').addClass('on')
                .children('ul').delay(500).slideDown();

score 0 · Accepted Answer

ええ、単一で動作しますが、addClass 内では動作しません。だから私はあなたの答えに基づいてコードをこのベースに改良します。

$('.parentmenu:nth-child(1)').addClass('on').find('ul').delay('500').slideDown();

これにより、親メニューのホバーアクティベーションに対してクラスを追加することで、子メニューのスライドダウン効果が完全に機能しました。

助けてくれてありがとう。

5 に答える 5