以不同的屏幕分辨率运行不同的JavaScript

Question

我想要一个下拉菜单的jQuery函数只有在屏幕大小低于768px时运行,并且如果它高于该值则运行不同的下拉菜单功能.我如何在JavaScript中执行此操作？

Answer 1

您可以使用.height()和.width()方法获取窗口的大小(屏幕大小几乎不相关,您关心渲染的实际空间):

if( $(window).width() > 768 ) {
    // Large menu
} else {
    // Small menu
}