奇怪的旋转木马与jquery bx滑块

Question

我有两个旋转木马，第一个应该像第二个一样工作，但是它还没有，你帮我解决了这个问题吗？

 $('.slider1').bxSlider({
      slideWidth: 960,
    minSlides: 1,
    maxSlides: 8,
    slideMargin: 0

  });

    http://jsfiddle.net/qF39p/

由于

Answer 1

尝试使用github上的解决方案https://github.com/stevenwanderski/bxslider-4/pull/481#issuecomment-38479768

问题可能在于jquery 1.11

Answer 2

注意：使用bxslider而不指定幻灯片宽度，并且仅在从那里生效的css中应用margin。

• 要解决此问题，请删除float：left;并在list元素中添加display：inline-block。

  $（'。slider1'）。bxSlider（{
    minSlides：1，
    maxSlides：8，
   }）;

• 还尝试删除最大幻灯片，因为它会使滑块变为静态。

• 如果您的轮播在每个项目中包含不同的高度，则在功能中使用adaptiveHeight：true。