Flexslider隱形

Question

我最近開始使用flexslider。

我使用bootstrap創建網站，並使用代碼嵌入flexslider圖像變成隱形我沒有結果。

在頭

<link rel="stylesheet" type="text/css" href="css/flexslider.css"> 
<script src="js/custom.js"></script> 

在custom.js

$(window).load(function() { 
    $('.flexslider').flexslider(); 
}); 

在體

<div class="container"> 
    <div class="row-fluid"> 
     <div class="flexslider"> 
      <ul class="slides"> 
       <li><img src="img/img1.png" /></li> 
       <li><img src="img/img2.png" /></li> 
      </ul> 
     </div> 
    </div> 
</div> 

涉及的軀體

<script src="http://code.jquery.com/jquery.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/jquery.flexslider.js"></script> 

這是我的代碼

任何人都可以解釋爲什麼結束？

感謝提前

Answer 1

必須有一些jQuery的版本問題，你錯過bootstrap.css爲好。我已經制作出完美的flexslider小提琴。只是已經看它：http://jsfiddle.net/7ngoLbxw/1/

$('.flexslider').flexslider();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
 
<div class="container"> 
 
    <div class="row-fluid"> 
 
     <div class="flexslider"> 
 
      <ul class="slides"> 
 
       <li class="" style="width: 100%; float: left; margin-right: -100%; position: relative; display: block; z-index: 1; opacity: 0;"><img src="http://wallpaperiz.com/wp-content/uploads/2014/10/live-wallpapers-for-desktop-widescreen-7-cool.jpg" draggable="false"></li> 
 
       <li style="width: 100%; float: left; margin-right: -100%; position: relative; display: block; z-index: 2; opacity: 1;" class="flex-active-slide"><img src="http://www.wallpaper.in.net/wp-content/uploads/2014/06/Live-Wallpapers-For-Desktop-Free-Download1.jpg" draggable="false"></li> 
 
      </ul> 
 
     <ol class="flex-control-nav flex-control-paging"><li><a class="">1</a></li><li><a class="flex-active">2</a></li></ol><ul class="flex-direction-nav"><li><a class="flex-prev" href="#">Previous</a></li><li><a class="flex-next" href="#">Next</a></li></ul></div> 
 
    </div> 
 
</div>