2013-06-24 34 views
5

Nó không hoạt động chút nào. Tôi đã sao chép mã chính xác như trong trang demo của plugin, Có somethign tôi đã bỏ lỡ?Băng chuyền Jquery 2 băng chuyền không hoạt động không có lỗi điều khiển

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

Trả lời

8

để tự động kích hoạt một thanh trượt hay một băng chuyền với chu kỳ, bạn phải sử dụng tên lớp mặc định "chu kỳ slideshow" nếu không bạn phải khai báo mà lớp plugin có để tìm kiếm:

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

Đừng quên sử dụng mã viết rõ ràng. Bạn đang thiếu một số đóng trong thẻ của mình.

Đây là fiddle để hiển thị mã hoạt động.

+1

+1 hoạt động của nó. Nhưng nó không hoạt động khi tôi nhấp vào "Ctrl + R" trong trình duyệt – Chandu

Các vấn đề liên quan