javascript - jQuery bxslider : ALL images are visible when sliding/animating on Firefox Mobile 问题

Question

我将 jquery 与 bxslider 一起使用来创建一个非常简单的 slider ，它在桌面上运行良好，但是当我在 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 是 slider 的箭头(控件)。

slider 和图像的宽度正确。

所有三个元素( slider 和控件)都向左浮动并包含在一个以 margin: 0 auto 居中的容器中。

没有其他不寻常的事情发生，但这让我发疯。

Answer 1

当页面上只有几个 slider 时，它工作正常；我认为这只是 bxSlider 在同一页面上有太多 slider 的渲染问题，无法避免它。