bxslider infiniteloop 向左滚动到第一张幻灯片而不是向右滚动到循环

Question

我似乎遇到了一个我没有在其他地方看到的问题。

我们在客户网站 (www.laparksfoundation.org) 上有一个 slider 。我们将 slider 设置为 infiniteloop = 1(下面的代码)。问题是，当 slider 到达最后一张幻灯片时，它不会继续向右显示系列中的第一张幻灯片，而是逐张向左滚动图像，直到到达第一张幻灯片并再次开始。

我们检查了代码，参数似乎没问题，但是，它跳转到第一个而不是向右滚动以创建无缝循环。

代码在下面，任何帮助都会有帮助

    $('.slider .bxslider').bxSlider({
            pager: false,
            auto: true,
            speed: 2000,
            pause: 12000,
            slideSelector:'.slider .bxslider li',
            infiniteLoop: true
    });

图像以简单的方式显示

:

   <div class="slider">
    <ul class="bxslider">
          <li>
                 <img1>
                 <h2 class="txtImgHome" id="slide353">ENHANCE, EXPAND, PRESERVE AND PROMOTE</h2>
          </li>
          <li>
                 <img2>
                 <h2 class="txtImgHome" id="slide354">50 Parks Initiative, Bringing Parks to your Neighborhood</h2>
          </li>
    </ul>
   </div>

我该如何做到这一点，当我到达集合中的最后一张图片时，下一张图片是第一张图片，当我在第一张图片上并向左单击时，最后一张图片会显示出来，而 slider 不会全部滚动回去的路？

Answer 1

我有一个类似的问题，并通过使用旧的 jQuery 库解决了它。
最初我使用的是 v1.11.0 并切换到 v1.10.0 并且一切正常。

您可以像这样从 Google 加载 jQuery v1.10.0:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>