jquery - Jquery根据宽度将最后两项包装在菜单中

Question

好的，所以我想根据宽度更改导航菜单的内容，如果它是 720 像素（对于平板电脑），菜单将获取最后两项并将它们放在下拉菜单中。

这是我的代码

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

所以这不太奏效，它只是为菜单分配了一个宽度，并没有正确地包装项目。

有什么建议么？

Answer 1

要测试宽度是否为 720px，您应该编写

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

与许多 jQuery 属性函数一样，给一个参数检索值，两个参数设置值。

编辑：添加包装代码