2

每次 BX 幻灯片转换时，我的控件都会淡出，任何覆盖幻灯片的内容也会淡出，即使它不在用于幻灯片启动的包装器内。此问题不会在“水平”模式下发生，只会在“淡入淡出”模式下发生。我正在使用自定义的 next 和 prev 箭头，如下所示：

<div class="bx-controls-direction is-select-disabled">
    <span class="bx-direction prev bx-prev"><< Custom Arrow</span><span class="bx-direction next bx-next">Custom Arrow >></span>
</div>

并使用此代码使它们起作用（它还重置计时器）：

       $('.bx-next').click(function(e){
            slider.stopAuto();
            slider.goToNextSlide();
            slider.startAuto();
        });

        $('.bx-prev').click(function(e){
            slider.stopAuto();
            slider.goToPrevSlide();
            slider.startAuto();
        });

请看这个工作小提琴的演示：

http://jsfiddle.net/pRBVZ/

这是一个错误，还是我的代码有问题？谢谢！

4

1 回答 1

1

我刚刚添加了一个 css 属性，它似乎已经解决了你的问题。

尝试更换以下课程

.bx-controls-direction {
   position: absolute;
   top: 50%;
   width: 100%;
   z-index:100;
}

您已将 z-index:55 分配给您的内容，我认为这会干扰您的控制。

于 2013-10-03T10:08:50.100 回答