Flexslider無法使用Bootstrap模式

它只是因爲某些原因而不顯示，我在常規（非模態）頁面中使用的那個可以創建奇蹟，但這不是。我搜索並發現，當模式打開時，我必須觸發flexsslider初始化，所以我做了。Flexslider無法使用Bootstrap模式

$(document).ready(function(){ 
    $('#modal').on('shown.bs.modal', function() { 
     console.log('Init flex.....'); 

     $('#carousel-modal').flexslider({ 
      animation: "slide", 
      controlNav: false, 
      animationLoop: false, 
      slideshow: false, 
      itemWidth: 210, 
      itemMargin: 5, 
      asNavFor: '#slider' 
     }); 

     $('#slider-modal').flexslider({ 
      animation: "slide", 
      controlNav: false, 
      animationLoop: false, 
      slideshow: false, 
      sync: "#carousel" 
     }); 
    }); 
});

那是JS部分

   <div class="container">     
       <div class="flexslider" id="slider-modal"> 
        <ul class="slides"> 
         <? foreach ($aImages as $image) { ?> 
          <li> 
           <img src="<?=getImageAddress($image['image_id'], 'obj', 'med')?>"/> 
          </li> 
         <? } ?> 
        </ul> 
       </div> 
       <div class="flexslider" id="carousel-modal"> 
        <ul class="slides"> 
         <? foreach ($aImages as $image) { ?> 
          <li> 
           <img src="<?=getImageAddress($image['image_id'], 'obj', 'sml')?>"/> 
          </li> 
         <? } ?> 
        </ul> 
       </div> 
      </div>

並且那是部分的模式。

console.log部分觸發，當我打開模式，但休息不會：/我現在已經搜索了幾個小時，也許有人可以指向我在正確的方向嗎？

來源

2014-07-15 Limiter

您是否在控制檯上發現任何錯誤，並檢查是否正確加載了所需的庫 – dreamweiver

必需的庫已正確加載，模式與其他工作滑塊位於同一文件中。沒有相關的錯誤 – Limiter

出於某種原因，當我把初始化腳本到模體用小的延遲（我用500毫秒），它神祕地開始工作

來源

2014-07-17 08:48:35 Limiter

你不應該初始化時，才顯示模式flexslider。可以假設，如果你多次顯示和隱藏它，滑塊將在每個滑塊上初始化。

我會讓文檔準備好flexslider初始化。模式'show'只會使其可見。

來源

2015-12-18 22:04:55

Flexslider無法使用Bootstrap模式

回答

相關問題