jquery-cycle2 - Jquery 循环 2 轮播不工作没有控制台错误

Question

它根本没有激活。我完全按照插件演示页面中的代码复制了代码，我错过了什么吗？

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

Answer 1

为了使用循环自动激活滑块或轮播，您必须使用默认类名“ cycle-slideshow ”，否则您必须声明插件必须查找的类：

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

不要忘记使用干净整洁的代码编写。您的标签中缺少一些闭包。

这是显示工作代码的小提琴。