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

根据屏幕大小启用/禁用Javascript,javascript,jquery,responsive-design,Javascript,Jquery,Responsive Design,我正在创建一个快速响应的网站,在那里我使用一个滑动面板在桌面版本上显示内容 对于我的tab/mob站点,我不会使用它,因为它和响应灵敏的移动导航一起看起来很奇怪 我想找到一种方法来启用/禁用这个滑出JS,而无需重新编辑站点 我一直在看下面的文章,但这些都要求我重新加载页面,没有一个允许我只根据屏幕大小启用/禁用JS 您可以创建一个容器,其中包含一个静态图像作为默认滑块的别名。 这个容器(比如说#staticImg)在宽屏幕上是不可见的 在较窄的屏幕中,隐藏原始div(固定滑块的div),并显

我正在创建一个快速响应的网站,在那里我使用一个滑动面板在桌面版本上显示内容

对于我的tab/mob站点,我不会使用它,因为它和响应灵敏的移动导航一起看起来很奇怪

我想找到一种方法来启用/禁用这个滑出JS,而无需重新编辑站点

我一直在看下面的文章,但这些都要求我重新加载页面,没有一个允许我只根据屏幕大小启用/禁用JS


您可以创建一个容器,其中包含一个静态图像作为默认滑块的别名。 这个容器(比如说
#staticImg
)在宽屏幕上是不可见的

在较窄的屏幕中,隐藏原始div(固定滑块的div),并显示
#staticImg
以代替原始滑块

CSS

#staticImg{display:none}
@所有介质和(最大宽度:450px){
#原始持有者{显示:无}
#staticImg{display:block}
}
Javascript仍将工作,但滑块将不可见