2013-06-24 6 views
5

Po prostu nie aktywuje się wcale. Skopiowałem kod dokładnie tak, jak jest na stronie demo wtyczki. Czy jest coś, co przeoczyłem?Jubiler cykl 2 nie działa bez błędów konsoli

<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> 

Odpowiedz

8

w celu automatycznej aktywacji suwak lub karuzelę z cyklu, trzeba użyć domyślnej nazwy klasy „cyklu pokaz” inaczej trzeba zadeklarować, która klasa wtyczki musi szukasz:

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

Nie zapomnij użyć dobrze napisanego kodu. Brakuje ci jakiegoś zamknięcia w tagach.

To jest fiddle, aby wyświetlić działający kod.

+1

+1 działa. Ale nie działa, gdy klikam "Ctrl + R" w przeglądarce – Chandu

Powiązane problemy