Question

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

我知道我们可以使用<picture>标签根据屏幕尺寸分配不同的图片，但我在这里尝试做的是禁用（通过禁用我的意思是取消移动设备上的图片负载，而不是{display：none;}滑块从特定的屏幕尺寸加载所有。

我们可能必须创建一个脚本来调用分配给<div>的事件来取消其加载，例如任何屏幕大小如下768px。我怎么能这样做？

（顺便说一下，我还在学习JS ..任何帮助都是多方面的）非常感谢提前。

Answer 1

我有一个简单的解决方案来满足您的需求。以下是移动检查方法。

// 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;
}

调用Above功能检查移动设备并执行必要的操作。

// Load Device Specific Actions
var mobileFlag = MobileDeviceCheck();        
if (mobileFlag == true) {
   // Do Your Actions
}

根据设备宽度关闭滑块负载

1 个答案: