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 があります。

SlidesJS を JavaScript ボックスに追加したため、JSfiddle が機能していませんか? それとも使ってるから動かないの<ul><li>？

期待される結果は、リスト要素のカルーセルです。

Answer 1

js 呼び出しは次のようにする必要があります。

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