Flexslider Carousel不会在滑块上显示图像

Question

Flexslider Carousel不会在滑块上显示图像，但在浏览器中检查时会显示图像。

HTML代码

<div class="flexslider">
  <ul class="slides">
    <li>
      <img src="http://flexslider.woothemes.com/images/kitchen_adventurer_cheesecake_brownie.jpg" />
    </li>
    <li>
      <img src="http://flexslider.woothemes.com/images/kitchen_adventurer_lemon.jpg" />
    </li>
    <li>
      <img src="http://flexslider.woothemes.com/images/kitchen_adventurer_caramel.jpg" />
    </li>
    <li>
      <img src="http://flexslider.woothemes.com/images/kitchen_adventurer_lemon.jpg" />
    </li>
  </ul>
</div>

jQuery代码

$(window).load(function() {
  $('.flexslider').flexslider({
    animation: "slide"
  }); 
});

JS Fiddle

Answer 1

添加此css并重试

.flexslider .slides > li{
    display:block;
}

Answer 2

抱歉！我忘了导入jquery.flexslider.js库，我解决了我的问题，添加了这个库，它对我来说很好。

<强> JS Fiddle