Flexslider与骨架Boilerplate

Question

我正在使用带有Skelton样板的flexslider插件。但是，我无法使用滑块处理大图像。从理论上讲，滑块应该使图像符合.flexslider类的大小，但它只显示图像的一部分，而不是在调整视口大小时调整图像大小以适应屏幕。

我使用的是一个非常标准的Skeleton框架，并没有丝毫触及flexslider css或javascript。

相应的HTML如下：

<div class="container">
<div class="sixteen columns">
        <h1 class="remove-bottom"> Skeleton </h1>
        <h5>Version 1.2</h5>
        <div id="divider"><hr></div>
    <div class="flexslider">
      <ul class="slides">
        <li>
            <img src="images/kitchen_adventurer_cheesecake_brownie.jpg" />
            </li>
            <li>
            <img src="images/kitchen_adventurer_lemon.jpg" />
            </li>
            <li>
            <img src="images/kitchen_adventurer_donut.jpg" />
            </li>
            <li>
            <img src="images/kitchen_adventurer_caramel.jpg" />
            </li>
      </ul>
    </div>

当flexslider javascript插件未在文档中调出时，图像似乎符合容器div的大小，但是一旦它在那里，它似乎不起作用。

有什么建议吗？

谢谢！

Answer 1

我错过了一行非常完整的代码行... jQuery库！照顾好我所有的问题！