JQuery Caroufredsel無法正常工作，顯示所有圖像

我剛剛安裝了卡魯弗雷塞爾並且沒有工作。我期望發生的是，出現1個圖像，我點擊下一個或上一個圖像會出現。下面的代碼只是將所有圖像顯示在列表中。我明白我做錯了，因爲我的代碼看起來正確嗎？JQuery Caroufredsel無法正常工作，顯示所有圖像

這裏是我的JQuery：

<script type="text/javascript" language="javascript" src="js/jquery.carouFredSel-6.2.1-packed.js"></script> 
     <script type="text/javascript" language="javascript" src="js/jquery.mousewheel.min.js"></script> 
     <script type="text/javascript" language="javascript" src="js/jquery.touchSwipe.min.js"></script> 
     <script type="text/javascript" language="javascript" src="js/jquery.transit.min.js"></script> 
     <script type="text/javascript" language="javascript" src="js/jquery.ba-throttle-debounce.min.js"></script> 
     <script type="text/javascript"> 
      $('.caroufredsel-gallery').carouFredSel({ 
        width: 601, 
        height: 'auto', 
        prev: '#prev3', 
        next: '#next3', 
        auto: false 
       }); 

     </script>

這裏是我的HTML：

<div> 
      <ul class="caroufredsel-gallery"> 

        <li><img src="images/gallery/1.jpg" width="601" /></li> 
        <li><img src="images/gallery/2.jpg" width="601" /></li> 
        <li><img src="images/gallery/3.jpg" width="601" /></li> 
        <li><img src="images/gallery/4.jpg" width="601" /></li> 
        <li><img src="images/gallery/5.jpg" width="601" /></li> 
        <li><img src="images/gallery/6.jpg" width="601" /></li> 
        <li><img src="images/gallery/7.jpg" width="601" /></li> 
        <li><img src="images/gallery/8.jpg" width="601" /></li> 
       </ul> 
       <div class="clearfix"></div> 
       <a id="prev3" class="prev" href="#">&lt;</a> 
       <a id="next3" class="next" href="#">&gt;</a> 
      </div><!--caroufredsel-gallery-->

任何幫助將不勝感激。

感謝， Ĵ

來源

2013-07-24 user2327201

這裏有幾件事情嘗試：

將這個片段在caroufredsel通話(items :1, scroll : 1)
在你的CSS將這個(.caroufredsel-gallery li { float: left; })

希望這會有所幫助。另外，在你使用的任何瀏覽器中檢查控制檯，確保插件實際上被調用。這可能是，甚至沒有找到jQuery。按F12應該讓你進入控制檯。希望這可以幫助。

來源

2013-07-31 15:42:46 teemarks

將腳本放入函數中。這應該工作。最終腳本應如下所示：

<script type="text/javascript"> 
     $(function() { 
     $('.caroufredsel-gallery').carouFredSel({ 
       width: 601, 
       height: 'auto', 
       prev: '#prev3', 
       next: '#next3', 
       auto: false 
      }); 
     }); 
    </script>

來源

2013-08-11 00:40:40 iabramo

JQuery Caroufredsel無法正常工作，顯示所有圖像

回答

相關問題