根据屏幕大小启用/禁用Javascript

Question

我正在创建一个自适应网站，我正在使用幻灯片面板来显示桌面版的内容。

对于我的标签/小组网站，我不会使用它，因为它会随着响应式移动导航看起来很奇怪。

我想找到一种方法来启用/禁用此幻灯片JS，而无需对网站进行编码。

我一直在查看以下帖子，但这些都要求我重新加载页面，它们都不允许我根据屏幕重新调整大小来启用/禁用JS。

how to disable javascript for responsive design

disabling javascript plugin based on window size

jQuery: Disable & Enable Plugin based on browser window size?

Answer 1

您可以创建一个容器，将静态图像保存为默认滑块的别名。 这个容器（比方说#staticImg）在宽屏幕上是不可见的。

在较窄的屏幕中，隐藏原始div（包含滑块的div）并显示#staticImg代替原始滑块。

CSS

#staticImg { display:none }

@media all and (max-width: 450px) { 
    #originalHolder { display:none }
    #staticImg { display:block }
}

Javascript仍然有效，但滑块将不可见