Question

我有一个带有上一个和下一个按钮的图像滑块。如何在下一个按钮上添加另一个功能，以便在第二次点击时滑动更多？

JavaScript：

$(document).ready(function(){
    var speed = 600;
    $('#navNext').click(function () {
        $('#carousel ul').animate({marginLeft:'-665px'}, speed);
    });

    $('#navPrev').click(function () {
        $('#carousel ul').animate({marginLeft:'1px'}, speed);
    });
});

HTML：

<a id="navNext" href="#" onclick="click(); return false"></a>

Answer 1

您可以通过使用变量来跟踪按钮被点击的次数，每次点击其他按钮时重置按钮，并使用该计数来决定动画的速度。

var nextClickCount = 0;
$('#navNext').click(function() {
    nextClickCount += 1;
    previousClickCount = 0;
    $('#carousel ul').animate({marginLeft:'-665px'}, nextClickCount * speed);
});
var previousClickCount = 0; //...

具有多次单击的按钮，可调用多个功能

1 个答案: