无法让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 here。

我的JSfiddle无法正常工作，因为我已将SlidesJS添加到javascript框中？或者它不起作用，因为我正在使用<ul><li>？

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

Answer 1

你的js电话需要看起来像这样：

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