2013-06-24 35 views
5

它只是没有激活。我完全按照它在插件的演示页面中复制代码,是否有一些我错过了的东西?Jquery循环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