Question

引用的页面位于：http://briansmall.com/inovar/capabilities-test.html

由于“div class”处于活动状态，我正在显示滑块是正确的。

只要div类处于活动状态（左侧导航中的“Shrink Sleeves”），滑块就会出现并正常运行（参考显示：样式表中的块）。如果div类未激活（例如“Flexible Packaging”），则滑块会堆叠图像并且滑块无法正确显示 - （display：none）。

我假设它与显示器有关：阻止和显示：无，但我不知道如何使左侧的每个导航选项卡显示右侧的功能滑块。单个图像看起来很好（压敏感标签），就在我尝试实现滚动或滑动的图像时，我遇到了问题。

我希望我有意义。我只想在左侧选择导航时滚动一系列图像（3），而只能显示一个图像。

Answer 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'
    });    
});

希望这有帮助

active div class和display：block

1 个答案: