javascript - 如何使 Animate jQuery 方法在 div 的末尾停止？

Question

我正在尝试创建自定义轮播，它已经具有以下功能:

1. 您可以使用鼠标左右移动或在手机/平板电脑上滑动。
2. 您可以使用按钮向左或向右移动。

但是，问题是一旦到达 div 的末尾，按钮就不会停用。相反，一切都在不断变化。见下图:

看看 jsFiddle:http://jsfiddle.net/vnkRw/2/

$("#left").click(function() {
    $(".wrapper").stop(true, true).animate({left: "-=125px"}, 500);
});
$("#right").click(function() {
    $(".wrapper").stop(true, true).animate({left: "+=125px"}, 500);
});

到达终点后如何停用按钮？例如，当这里:

左边的按钮应该停用，因为没有更多的 div 可以显示。

当然，右边也一样:

目标:到达终点时停用按钮。

Answer 1

有点像

   pos=slides=$(".wrapper > div").length;

   $("#left").click(function() {
    if(pos>3){$(".wrapper").stop(true, true).animate({left: "-=125px"}, 500);pos--;}
   });

   $("#right").click(function() {
    if(pos<slides){$(".wrapper").stop(true, true).animate({left: "+=125px"}, 500);pos++;}
   });

   $('.carousel').kinetic();