Jquery bxslider最后一张幻灯片不会设置为startSlide

Jquery bxslider最后一张幻灯片不会设置为startSlide,jquery,carousel,bxslider,Jquery,Carousel,Bxslider,我在将bxslider中的最后一张幻灯片设置为第一张幻灯片时遇到问题 下面的代码将所有其他幻灯片设置为列表中的第一张,但最后一张幻灯片始终显示为列表中的最后一张 下面是javascript: $(document).ready(function(){ var count = $('.bxslider li.active').index(); $('.bxslider').bxSlider({ minSlides: 8, maxSlides: 8, slide

我在将bxslider中的最后一张幻灯片设置为第一张幻灯片时遇到问题

下面的代码将所有其他幻灯片设置为列表中的第一张,但最后一张幻灯片始终显示为列表中的最后一张

下面是javascript:

$(document).ready(function(){

  var count = $('.bxslider li.active').index();


  $('.bxslider').bxSlider({
    minSlides: 8,
    maxSlides: 8,
    slideWidth: 121,
    slideMargin: 12,
    pager: false,
    startSlide: count,
    moveSlides: 1,
    infiniteLoop: true
  });

});
我不确定这是否与使用InfiniteLop或其他东西有关,但如果有人能对此有所启发,那就太好了


谢谢

在尝试调整一些用户体验时,我也经历了同样的体验

我发现如果在加载滑块之前隐藏了幻灯片,则不会遵守“startSlide”选项

我通过CSS隐藏了除了默认幻灯片之外的所有幻灯片,因为幻灯片最初在加载时显示,然后在bxSlider初始化后消失。为了防止这种情况,我创建了一个名为“hideuntilloaded”的css类,该类的条目为
display:none并应用于幻灯片,以防止在加载过程中显示幻灯片。一旦滑块成功加载,我就从幻灯片中删除了该类

这导致了上述“startSlide”选项不被遵守的问题(以及一些其他选项,包括开始出现的重复条目!)

要解决此问题,请确保在初始化滑块之前幻灯片再次可见,方法是在启动滑块之前删除行上的“hidunloaded”类。例如:
$('.hideuntilloaded').removeClass('hideuntilloaded')

它似乎仍然可以防止幻灯片在加载过程中闪烁


如果您在幻灯片的可视性方面做了类似的事情,那么这可能就是原因。

您是否可以使用您的代码创建一个小提琴并演示您的问题?可能是一个很好的起点,因为已经加载了
bxslider
。似乎工作正常-