每当BX幻灯片切换时,我的控件就会淡出,任何覆盖幻灯片的内容也会淡出,即使它不在用于幻灯片启动的包装中。在“水平”模式下不会发生此问题,而在“淡入淡出”模式下不会发生。我正在使用这样的自定义下一个和上一个箭头:

<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/

这是一个错误,还是我的代码有问题?谢谢!

最佳答案

我刚刚添加了一个CSS属性,它似乎已经解决了您的问题。

尝试替换以下课程

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


您为内容提供了z-index:55,我认为这会干扰您的控件。

关于javascript - Bxslider:当幻灯片消失时,内容和下一个/上一个箭头也会消失,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/18390392/

10-12 12:25
查看更多