javascript - 无法让 SlidesJS 工作

Question

我正在测试SlidesJS的滚动列表元素，但我并没有完全让它工作。根据示例，它看起来非常简单。

这是我正在使用的 js：

$("#fp-slider-container .slides_container").slides();

我的标记看起来像这样：

<div class="blue-gradient" id="fp-slider-container">
  <div class="main-content-container">
    <div class="item-container">
      <ul class="slides_container">
        <li>
          <div class="fp-slider-content">
            <h1>Web design</h1>
            <div>Some text here</div>
            <div class="more"><a href="#" title="Web design">more</a> » </div>
          </div>
        </li>
        <li>
          <div class="fp-slider-content">
            <h1>Photography</h1>
            <div>Some more text here</div>
            <div class="more"><a href="#" title="Photography">more</a> » </div>
          </div>
        </li>            
      </ul>
    </div>
  </div>
</div>

我在这里有我的JSFiddle。

我的 JSfiddle 不工作是因为我已将 SlidesJS 添加到 javascript 框中吗？还是因为我正在使用它而不起作用<ul><li>？

预期结果是列表元素的轮播。

Answer 1

您的 js 调用需要如下所示：

$("#fp-slider-container").slides();