2012-09-08 7 views
0

스크롤 목록 요소에 대해 SlidesJS을 테스트 중이지만 제대로 작동하지 않습니다. 예제에 따르면 매우 단순 해 보입니다.SlidesJS 작업을 수행 할 수 없습니다.

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

내 태그는 다음과 같습니다 :

이것은 내가 사용하고있어 JS입니다

<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 있습니다.

SlidesJS를 자바 스크립트 상자에 추가했기 때문에 JSfiddle이 작동하지 않습니까? 또는 <ul><li>을 사용하고 있기 때문에 작동하지 않습니까?

예상되는 결과는 목록 요소의 회전 목마입니다.

답변

0

귀하의 JS 호출은 다음과 같이해야합니다 : 물론

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

+0

내가 JS 파일을 가져 오는거야. 그렇지 않으면'slides()'가 알 수없는 함수라는 js 오류가 발생합니다. – Steven

+0

죄송합니다. 나는 당신의 j가 다음과 같이 보였습니다. '$ ("# fp-slider-container .slides_container"). slides();' ") .slides();'. 나는 내 대답을 편집 할 것이다. – dperitch

+0

예, html을 변경하고'item-container'를 제거하고 작동 시켰습니다. :) – Steven

관련 문제