無法使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();