多個點擊調用多個功能的按鈕

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; //...