Bxslider無法在Firefox和IE11中工作

因此，滑塊應顯示5張幻燈片，並基於視口大小響應1。在Chrome/Opera中，這似乎有效，但在Firefox和IE11中，它只顯示1張幻燈片。有任何想法嗎？Bxslider無法在Firefox和IE11中工作

我的滑塊住在這裏：http://www.peaceloveanddecorating.com/store/pg/537-Lenny-Eva-Style-Guide.html

下面是代碼：

<div> 
    <ul class="bxslider" style="text-align: center; "> 
     <li><img src="/images/brands/lenny-eva/lenny-eva-wide-cuffs-cat.jpg"><span class="le-slider-text">Test 1</span></li> 
     <li><img src="/images/brands/lenny-eva/large-sentiments-cat.jpg"><span class="le-slider-text">Test 2</span></li> 
     <li><img src="/images/brands/lenny-eva/lenny-eva-thin-cuff-cat.jpg"><span class="le-slider-text">Test 3</span></li> 
     <li><img src="/images/brands/lenny-eva/lenny-eva-pendants-cat.jpg"><span class="le-slider-text">Test 4</span></li> 
     <li><img src="/images/brands/lenny-eva/lenny-eva-beaded-cat.jpg"><span class="le-slider-text">Test 5</span></li> 
     <li><img src="/images/brands/lenny-eva/lenny-eva-wraps-cat.jpg"><span class="le-slider-text">Test 6</span></li> 
     <li><img src="/images/brands/lenny-eva/lenny-eva-flourish-cat.jpg"><span class="le-slider-text">Test 7</span></li> 
     <li><img src="/images/brands/lenny-eva/lenny-eva-mini-charms-cat.jpg"><span class="le-slider-text">Test 8</span></li> 
    </ul> 
</div> 
<script> 
    $(document).ready(function(){ 
     $('.bxslider').bxSlider(); 
    }); 
</script> 
<script> 
    $('.bxslider').bxSlider({ 
     maxSlides: 5, 
     slideWidth: 200, 
     slideMargin: 10 
    }); 
</script>

這是頭：

<script src="/Shared/Themes/Base/js/jquery.bxslider.min.js"> 
<link rel="stylesheet" href="/Shared/Themes/Base/CSS/jquery.bxslider.css">

來源

2015-07-10 GR-PLD

使用片斷爲可以得到執行中顯示摘要。請不要顯示代碼。 –

我的不好。這是新的。 –

這是一個請求，我知道你以前不知道。 '：）' –

由於@IndieRok在評論中指出，我正在初始化bxSlider兩次，這導致了問題。將代碼更改爲下面的示例修復了它。

<div> 
<ul class="bxslider" style="text-align: center; "> 
    <li><img src="/images/brands/lenny-eva/lenny-eva-wide-cuffs-cat.jpg"><span class="le-slider-text">Test 1</span></li> 
    <li><img src="/images/brands/lenny-eva/large-sentiments-cat.jpg"><span class="le-slider-text">Test 2</span></li> 
    <li><img src="/images/brands/lenny-eva/lenny-eva-thin-cuff-cat.jpg"><span class="le-slider-text">Test 3</span></li> 
    <li><img src="/images/brands/lenny-eva/lenny-eva-pendants-cat.jpg"><span class="le-slider-text">Test 4</span></li> 
    <li><img src="/images/brands/lenny-eva/lenny-eva-beaded-cat.jpg"><span class="le-slider-text">Test 5</span></li> 
    <li><img src="/images/brands/lenny-eva/lenny-eva-wraps-cat.jpg"><span class="le-slider-text">Test 6</span></li> 
    <li><img src="/images/brands/lenny-eva/lenny-eva-flourish-cat.jpg"><span class="le-slider-text">Test 7</span></li> 
    <li><img src="/images/brands/lenny-eva/lenny-eva-mini-charms-cat.jpg"><span class="le-slider-text">Test 8</span></li> 
</ul>

<script> 
$(document).ready(function(){ 
    $('.bxslider').bxSlider({ 
    maxSlides: 5, 
    slideWidth: 200, 
    slideMargin: 10 
    }); 
});

來源

2015-07-10 18:57:37

是的，我也在想，不是初始化兩次，而是需要初始化一次。 –

Bxslider無法在Firefox和IE11中工作

回答

相關問題