jQuery-根据屏幕大小执行脚本

如果屏幕/设备大小大于xxx像素宽，是否可以只运行某些jQuery脚本

例如，我只想在人们在大于1024px的设备上浏览网站时播放幻灯片。如果有人使用手机访问，我只希望所有图像都堆叠显示…

您可以使用

$（window.width（）

---

demo>代码> --> /Calp>

< p>你也可以考虑一个类似

的库。

---

如果要在调整窗口大小后检查宽度大小，则：

$(window).resize(function() {
    if( $(this).width() > width ) {
        // code
    }
});

---

只需使用以下命令：

if($(window).width() >= 1024){
    //your code here
}

---

这是可行的，但请记住将脚本放在页面的末尾，而不是开头，否则结果会不一样。如果您计划使用它来应用任何类型的样式，我也会避免在document.ready（）事件中使用它，因为应用这些样式时可能会有轻微但明显的延迟。

是的。检查屏幕宽度，然后调用所需的函数。如果您不关心js在较小屏幕上加载幻灯片，也可以使用浏览器大小小于1024的css媒体查询隐藏幻灯片。另外需要注意的是，在某些浏览器中，js窗口宽度不同于css媒体查询窗口宽度。确保您有一个resize函数来处理resize行为，或者尝试将此功能与脚本结合使用，以在页面上的各种容器上设置相等的高度<代码>$（窗口）.resize（函数（）{if（$（this）.width（）>'480px'）{equalheight（'.divContainerName'）；}）但它不起作用。有什么建议吗？（很抱歉多次提交，出现了一些键盘问题！）通过删除宽度周围的引号并删除px@MohammadAdli这是否可能会减少移动脚本文件的大小？最好为$（window）.width（）提供一个单独的变量，以便在需要时能够重复使用：

var windowWidth=$（窗口）.width（）

。

$(window).resize(function() {
    if( $(this).width() > width ) {
        // code
    }
});

if($(window).width() >= 1024){
    //your code here
}