活动 div 类和显示：块答案

【问题标题】：active div class and display:block活动 div 类和显示：块
【发布时间】：2013-06-25 17:56:47
【问题描述】：

引用的页面在这里：http://briansmall.com/inovar/capabilities-test.html

由于“div 类”是否处于活动状态，我遇到的问题是无法正确显示滑块。

只要 div 类处于活动状态（左侧导航中的“Shrink Sleeves”），滑块就会出现并正确运行（引用显示：样式表中的块）。如果 div 类未处于活动状态（例如“灵活包装”），则滑块会堆叠图像并且滑块不会正确显示 - （显示：无）。

我假设它与 display: block 和 display: none 有关，但我不知道如何使左侧的每个导航选项卡在右侧显示一个功能滑块。单个图像看起来很好（压力敏感标签），只是当我尝试实现滚动或滑动的图像时才遇到问题。

我希望我说得通。我只希望在左侧选择导航时滚动一系列图像 (3)，而不是仅显示一个图像。

【问题讨论】：

标签： html css

【解决方案1】：

好的，您遇到问题的原因是 div 的 ID。 ID 应该是唯一的。 slideContainer , slideShim 被指定为 ID，它们应该是类。您可能应该更改在页面中出现多次的其他 ID。

你可能想要这样的东西

$(document).ready(function(){
    $('.slideShim').cycle({ 
        fx:     'fade',
        speed:  1500,
        timeout: 4000,
        prev:   '.back',
        next:   '.forward',
        pause:  1,
        pager:  '.pager'
    });    
});

希望对你有帮助

【讨论】：

@bsmall 欢迎您，如果答案解决了您的问题，请accept。