Responsive design 增加页面大小，隐藏的javascript滑块出现，然后不显示'；行不通

我正在建立一个网站，我想对浏览器的重新调整做出反应。该站点为768px以下的页面提取一组CSS样式，为大于768px的任何窗口提取另一组CSS样式

在我的专题视频下面有一个javascript滑块（jcarousel）。如果我打开一个大于768px的窗口（使用Chrome），那么javascript滑块工作正常。如果减小窗口的大小，滑块将隐藏（显示：无样式），并显示其他内容。如果我将窗口的大小调整得更大，滑块就会出现并正常工作

---

然而，这是我的问题。。。如果我打开一个小于768px的浏览器，CSS会在开始时隐藏我的javascript滑块，并显示我的其他内容。但是当我调整窗口大小并使其变大（超过768px）时，滑块无法正常工作。我假设javascript及其相关样式最初需要“激活”。当先打开一个较小的窗口时，有没有办法让它工作？

一个选项是简化事情，让CSS控制滑块的显示

在HTML中添加一个新的slider\u wrap类，该类围绕滑块进行包装

<div class="slider_wrap">
    <div class="vidprev">back arrow</div>
    <div id="vidz" class="slider">thunbnails</div>
    <div class="vidnext">next arrow</div>
</div>  

---

希望这有帮助

成功了。我没有尝试隐藏滑块的div标记（display:none），而是使用绝对定位（使用包装div标记）将其移出屏幕。这似乎可以让javascript保持活动状态，同时不向用户显示任何内容

.SliderRap{宽度：100%；位置：绝对；顶部：0；左侧：9999；}

---

我认为这是一个“草率”的修复，但它的工作…

我试着使用一个包装DIV围绕滑块（并试图隐藏DIV标签与显示器：无）…同样的问题也发生了。我尝试了一种“变通方法”，并使用了。SliderRap{width:100%；position:absolute；top:0；left:9999；}这样javascript就不会真正“隐藏”，并且可以在不被看到的情况下被激活。这很有效。

@media (max-width: 768px) {
    .slider_wrap{   
        display:none;
    }
}