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

标签 jquery html css jcarousel

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

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

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

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

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

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

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

我在这里做错了什么?

最佳答案

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

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

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

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

关于jquery - 单击寻呼机元素时,自定义 jCarousel 会导致奇怪的循环效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12182258/

相关文章:

php - 发送新值后自动刷新下拉列表

javascript - 如何确定 jQuery 表单插件中的事件提交按钮?

Javascript Onclick 按钮 - 取消第二次点击时执行的操作

CSS - 如何防止这个表格溢出?

javascript - 将嵌套列表转换为嵌套对象?

javascript - jQuery .append() 弄乱了定位

javascript - 专注于 bootstrap-tokenfield 输入

javascript - html 页面在设备上显得很小,当点击刷新时它会回到正常位置。

javascript - Jquery Tabs 跳跃和高度

jquery - 追加后动态图像加载?