jQuery bxslider问题：在Firefox Mobile上滑动/动画时，所有图像都可见

Question

我正在使用jquery和bxslider创建一个非常简单的滑块，它在桌面上工作正常，但是当我在Firefox Mobile（Android）上查看它时，我能够看到所有图像，因为它们是动画的和滚动（显然，我只想看一个图像）。

代码很简单：

<div class="slideshow">
    <div class="left"></div>
    <div class="bxslider">
        <li><a href=""><img src="./images/1.jpg" /></a></li>
        <li><a href=""><img src="./images/2.jpg" /></a></li>
        <li><a href=""><img src="./images/3.jpg" /></a></li>
    </div>
    <div class="right"></div>
</div>

.left，.right div是滑块的箭头（控件）。

滑块和图像的宽度是正确的。

所有三个元素（滑块和控件）都向左浮动并包含在一个容器中，该容器具有margin: 0 auto以使其居中。

没有其他事情发生，但它让我发疯。

Answer 1

当页面上只有几个滑块时，它可以正常工作;我认为这只是一个渲染问题，bxSlider在同一页面上有太多的滑块，并且没有太多可以避免它。