如何使用jQuery和Modernizr根据屏幕大小添加/删除菜单项？

Question

我在这里读了很多涉及Modernizr，jquery和调整大小超时的Modernizr问题。我和他们中的很多人一起玩过，他们倾向于这样做，所以菜单项在调整大小时反复添加，直到您淹没在新的导航项中。

我只是想添加，然后从主导航删除链接，如果屏幕大小更改。当尺寸低于768px时添加它，然后在768或更高时删除它。我怎样才能做到这一点？

Answer 1

你为什么不尝试CSS媒体查询，而不是jQuery的

确保你把元标记的头

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 



@media (min-width : 769px) { 
    .main-nav .myLink {display:none;} 
} 

@media (max-width : 768px) { 
    .main-nav .myLink {display:block;} 
}