JQuery：基于视口的条件脚本

这是我的JQuery脚本的一部分，当视口低于1100px并因此显示在触摸设备上时，我希望禁用/避免它。如何将其与窗口大小检测结合起来？

不要依赖视口大小来确定浏览器是否在触摸设备上。实际上，使用类似Modernizer的东西检查触摸。无论用户是否在实际的触摸设备上，如果视口是400像素宽的，我希望用户查看的网站适合400像素宽。Modernizr将确定它是否是触摸设备，但如何禁用JQuery功能？

$（窗口）。width（）

获取窗口的当前宽度，如果调整浏览器的大小，此维度将更改。您还可以根据

screen.width

设置条件，这是屏幕分辨率，而不是浏览器窗口大小。

$("#ib1").delay(100).animate({opacity:.80},500);
$("#ib2").delay(200).animate({opacity:.80},500);

$(".indexbox1,.indexbox2,.indexbox3").hover(
    function(){
        $(this).animate({opacity:1},250);
        $(this).find(".indexboxtag").animate({opacity:1,bottom:20},200);
        },
    function(){
        $(this).animate({opacity:.80},250);
        $(this).find(".indexboxtag").animate({opacity:.5,bottom:10},200);
        }
    );