Javascript 具有调用多个函数的多次单击的按钮
我有一个带有“上一步”和“下一步”按钮的图像滑块。 如何向“下一步”按钮添加另一个功能,以便在第二次单击时滑动更多内容 JavaScript:Javascript 具有调用多个函数的多次单击的按钮,javascript,jquery,function,Javascript,Jquery,Function,我有一个带有“上一步”和“下一步”按钮的图像滑块。 如何向“下一步”按钮添加另一个功能,以便在第二次单击时滑动更多内容 JavaScript: $(document).ready(function(){ var speed = 600; $('#navNext').click(function () { $('#carousel ul').animate({marginLeft:'-665px'}, speed); }); $('#navPrev
$(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>
您可以使用一个变量来跟踪按钮被单击的次数,在单击另一个按钮时重置按钮,并使用该计数来决定动画的速度
var nextClickCount = 0;
$('#navNext').click(function() {
nextClickCount += 1;
previousClickCount = 0;
$('#carousel ul').animate({marginLeft:'-665px'}, nextClickCount * speed);
});
var previousClickCount = 0; //...