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

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

默认情况下，此插件是幻灯片插件，这意味着默认情况下它将表现为幻灯片，这听起来像是操作的问题。您需要添加 timeout 参数。将其设置为 0 将阻止幻灯片自动前进。所以试试下面的：

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