Question

我有一个简单的jquery脚本，嵌入到我的html代码中，它使用为jquery编写的插件，称为循环。当我尝试使用代码时，它可以工作，但由于某种原因它会保持循环。这意味着我正在尝试创建一个简单的幻灯片，但是当我点击“下一个”或“上一个”时它会做它应该做的事情，但之后它会继续滚动图片而不点击。这是为什么？

<script type="text/javascript">
$('#slide').cycle({
fx: 'scrollHorz',
speed:  'slow',
next:   '#righta',
prev:   '#lefta',
});
</script>

Answer 1

如果您使用this插件，则自动滚动是默认行为，除非您将超时设置为0.尝试：

<script type="text/javascript">
$('#slide').cycle({
fx: 'scrollHorz',
speed:  'slow',
next:   '#righta',
prev:   '#lefta',
timeout: 0
});
</script>

Answer 2

默认情况下，这个插件是一个幻灯片插件，这意味着默认情况下它会像幻灯片一样运行，这听起来像是op的问题。您需要添加timeout参数。将其设置为0将停止幻灯片自动前进。所以试试下面的内容：

   <script type="text/javascript">
     $('#slide').cycle({
       fx: 'scrollHorz',
       speed:  'slow',
       next:   '#righta',
       prev:   '#lefta',
       timeout: 0
     });
   </script>

为什么这段代码会继续循环？

2 个答案: