2013-06-24 1 views
5

전혀 활성화되지 않습니다. 나는 그것이 플러그인의 데모 페이지에있는 그대로 코드를 복사했다. 내가 놓친 모양이 있는가? 을 위해Jquery cycle 2 컨베이어가 작동하지 않음 콘솔 오류가 없습니다.

<div class="slideshow" 
    data-cycle-fx=carousel 
    data-cycle-timeout=0 
    data-cycle-carousel-visible=2 
    data-cycle-next="#next" 
    data-cycle-prev="#prev" 
    data-cycle-pager="#pager"> 
    <img src="http://jquery.malsup.com/cycle2/images/beach1.jpg"> 
    <img src="http://jquery.malsup.com/cycle2/images/beach2.jpg"> 
    <img src="http://jquery.malsup.com/cycle2/images/beach3.jpg"> 
    <img src="http://jquery.malsup.com/cycle2/images/beach4.jpg"> 
    <img src="http://jquery.malsup.com/cycle2/images/beach5.jpg"> 
    <img src="http://jquery.malsup.com/cycle2/images/beach6.jpg"> 
    <img src="http://jquery.malsup.com/cycle2/images/beach7.jpg"> 
    <img src="http://jquery.malsup.com/cycle2/images/beach8.jpg"> 
    <img src="http://jquery.malsup.com/cycle2/images/beach9.jpg"> 
</div> 

<div class=center> 
    <a href="#" id="prev">&lt;&lt; Prev </a> 
    <a href="#" id="next"> Next &gt;&gt; </a> 
</div> 

<div class="cycle-pager" id="pager"></div 

<script type="text/javascript" src="jquery-1.9.1.min.js?$staticlink$"></script> 

<!-- JS FILES TO BE INCLUDED--> 
<script type="text/javascript" src="anniversary/js/jquery.easing.1.3.js?$staticlink$"></script> 
<script type="text/javascript" src="anniversary/js/main.js?$staticlink$"></script> 
<script type="text/javascript" src="anniversary/js/jquery.cycle2.js?$staticlink$"></script> 
<script type="text/javascript" src="anniversary/js/jquery.cycle2.carousel.js?$staticlink$"></script> 

답변

8

자동 활성화 슬라이더 또는 사이클이 회전 목마를 기본 클래스 이름을 사용해야합니다 "주기 슬라이드 쇼"그렇지 않으면 당신이 찾고에 플러그인이있는 클래스를 선언해야합니다 :

<script> 
    $.fn.cycle.defaults.autoSelector = [YOUR-CLASS-NAME]; //single or double quoted class without the square brackets 
</script> 

잘 작성된 코드를 사용하는 것을 잊지 마십시오. 태그에 클로저가 없습니다.

작동 코드를 표시하기 위해 fiddle입니다.

+1

+1 그 작품. 하지만 브라우저에서 "Ctrl + R"을 클릭하면 작동하지 않습니다. – Chandu

관련 문제