javascript - 禁用移动屏幕尺寸的 div？

Question

我从 bootstrap 2.0 升级到 3.0。我有这个 slider ，它会在每个动画中自行刷新，因此当您单击它时它会妨碍顶部移动菜单。我试过 Display: none;，它没有显示，但因为它仍在运行，所以它妨碍了移动导航栏。如何禁用 div 或使其不在较小的屏幕上加载？它会是一个 JQuery 命令吗？

<style>
@media (max-width: 767px) {    #hiddenslider{
  display:none;
}
}

</style>

<!-- start: Slider -->
<div class="slider-wrapper" ID="hiddenslider">

    <div id="da-slider" class="da-slider">
        <div class="da-slide">
            <h2>Certified Techs </h2>
            <p>Text in Here</p>
            <a href="about.html" class="da-link">Read more</a>
            <div class="da-img"><img class='img-responsive'  src="img/parallax-slider/twitter.png" alt="image01" /></div>
        </div>
        <div class="da-slide">
            <h2>Is your Computer Slow?</h2>
            <p>Text in here</p>
            <a href="about.html" class="da-link">Read more</a>
            <div class="da-img"><img class='img-responsive' src="img/parallax-slider/responsive.png" alt="image02" /></div>
        </div>

        <nav class="da-arrows">
            <span class="da-arrows-prev"></span>
            <span class="da-arrows-next"></span>
        </nav>
    </div>

</div>
<!-- end: Slider -->

Answer 1

您也可以使用 Bootstrap “隐藏”类:hidden-xs 用于超小型设备。例如:

<div class="slider-wrapper hidden-xs" ID="hiddenslider">