Javascript 关闭基于设备宽度的滑块加载

我在一个网站上为一个购买了模板的客户工作，问题是现在客户希望将滑块从手持设备上移除

我知道我们可以使用

标记根据屏幕大小分配不同的图像，但我在这里尝试的是禁用（禁用的意思是取消移动设备上的图像加载，而不是{display:none；}滑块从特定屏幕大小一起加载）

我们可能需要创建一个脚本来调用分配给该

的事件，以取消其加载，例如任何小于768px的屏幕大小。 我该怎么做

（顺便说一句，我还在学习JS。非常感谢您的帮助）

---

非常感谢。

我有一个简单的解决方案来满足您的需要。下面是移动支票的方法

// Mobile Device Check
function MobileDeviceCheck() {
    var mobileFlag = false;
    var isMobile = window.matchMedia("only screen and (max-width: 768px)");
    if ($(window).innerWidth() < 768 || (/Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))) {
        mobileFlag = true;
    }
    return mobileFlag;
}

---

但是，当设备宽度小于768时，如何取消加载父div及其子div。例如：

我尝试了这个…

if（$（window）.innerWidth（）
// Load Device Specific Actions
var mobileFlag = MobileDeviceCheck();        
if (mobileFlag == true) {
   // Do Your Actions
}