1

OK では、幅に基づいてナビゲーション メニューの内容を変更したいと思います。720px (タブレットの場合) の場合、メニューは最後の 2 つの項目を取得し、ドロップダウン メニューに配置します。

これが私のコードです

if($('.topNavigation').css('width','720px')){
    $('.topNavigation ul').slice(-2).wrapAll(function(){
        return '<li><a href="#" class="moreNavItem">More</a><ul>' + $(this) + "</ul></li>";
})
}

メニューに幅を割り当てるだけで、アイテムを適切にラップしません。

助言がありますか？

4

1 に答える 1

0

幅が 720px かどうかをテストするには、次のように記述します。

if($('.topNavigation').css('width') == '720px') {
    $('.topNavigation ul').slice(-2).wrapall('<li><a href="#" lass="moreNavItem">More</a><ul></ul></li>')
}

多くの jQuery 属性関数と同様に、引数を 1 つ指定すると値が取得され、引数を 2 つ指定すると値が設定されます。

編集：ラップポールコードを追加

于 2012-07-27T07:49:34.163 に答える