Question

我正在制作一个jquery旋转木马，我让左/右滚动按预期工作。

但是我还需要一张带有schortcuts的列表导航到每张幻灯片，我不会像我喜欢的那样工作。

我的想法是使用index（）来查找元素位置，然后按宽度*位置滚动到元素，但它不起作用。每次点击都会返回不同的值。

此外，我需要找到一些智能解决方案，它应该向哪个方向滚动。

作为奖励，有没有人有一个优雅的解决方案来阻止用户连续多次快速点击？它会连续滚动。如果只有3张幻灯片，则会出现空白。尝试使用stop（）没有运气：/

我的代码在这里

http://jsfiddle.net/n8mEV/1/

任何帮助都非常感激！

Answer 1

您可以设置变量以防止垃圾邮件点击。例如：

var inAnimation = false;
$('.thumbnail-carousel-nav li').click(function(){
    if (inAnimation) return false;
    inAnimation = true;
/* More code */
 $(current_carousel).animate({'left' : left_indent},500,function(){    
            inAnimation = false;
/* ... */

要防止回滚/下一个滚动中的空白页，您必须复制第一个和最后一个项目并分别附加并将其添加到列表中，如：

<li>4th Item</li>

<li>1st Item</li>
<li>2nd Item</li>
<li>3rd Item</li>
<li>4th Item</li>

<li>1st Item</li>

这是仅显示一张图片的代码。

需要在jQuery轮播上输入一些内容

1 个答案: