只有当用户屏幕分辨率高于X时，我才能运行一些JQ代码？

Question

只有当用户屏幕分辨率高于/低于X时，我才能运行一些JQ代码？

Answer 1

你可以用纯JS做到：

if(screen.width>=1024)
{
   myFunction();
}

Answer 2

我建议不要使用屏幕分辨率，因为不是每个人都能最大化窗口（更不用说全屏了）。检查窗口宽度/高度，并执行相应的操作：

var winW = $(window).width(),
    winH = $(window).height();

if ( winW > X && winH > Y) { 
    waWaWeeWah(); // do stuff
}

Answer 3

使用窗口事件监听器，例如：

$(window).resize(function() {
    if( $(window).width() < yourThreshold ){

        // do your business

    }
});

Answer 4

我试图获得一些反馈的建议如何，它将js与媒体查询联系起来：https://stackoverflow.com/questions/12203220/suggestion-for-responsive-design-jquery-and-mobile-sites