jquery - 单击寻呼机元素时，自定义 jCarousel 会导致奇怪的循环效果

Question

好的，我会尽可能简单地说明这一点:

1) 查看此页面并查看轮播:

http://www.powellcreative.com/clients/StansellHealth/

2) jCarousel 设置为圆形，只有 3 张幻灯片，并从第 5 张幻灯片开始(第 2 张幻灯片，它的第 2 个实例 [因此它会防止任何空白]

3) 它在这里看起来很棒，如果您单击寻呼机上的“1”，它就可以正常工作。

4) 但是，如果您通过单击“3”开始，轮播将像它应该的那样移动，但是在动画停止后左侧幻灯片动态更改为幻灯片“4”(这是不正确的，它应该停留在幻灯片“5”上因为你目前在幻灯片“6”)

5) 如果您通过单击“1”开始，然后单击寻呼机中的任何其他数字，则左侧幻灯片将始终动态更改为幻灯片“6”，而不是您单击元素之前的真实上一张幻灯片。

我在这里做错了什么？

Answer 1

这么简单的任务听起来很困惑，哈哈!

在我看来，您好像在尝试使用 Screwdriver 将钉子敲入一 block 木头。有一个更好的办法。我建议看一下类似 Revolver.js 的内容.它不是内容 slider ，更像是构建 slider 的框架。这就是您在这里尝试做的事情。

我知道您并没有特别要求替代解决方案，但我对这个建议有强烈的感觉，并认为它可能对您有很大帮助。

免责声明:我是 Revolver.js 的首席开发人员，虽然推荐我制作的东西可能有点自私，但我仍然认为它是一个好东西适合你。这就是我首先启动该元素的原因。所以请原谅无耻的外挂。 :)