javascript - Jquery Slider 不会在最后停止

Question

我有一个 jQuery slider ，当单击下一个按钮时它会水平滑动。但是，当它到达图像/列表序列的末尾时，它会继续滑动并且不会停止。我设法让它不从左端滑落，但右端是个问题。

$(document).ready(function() {
    $("#inner").css("overflow-x", "hidden"); 
    
    var xPos = $('#scroller li:last').position();
    var pos = '-' + xPos.left + 'px';
    alert(pos); 
    
    $('#next').click(function() {
        if(("#scroller ").css("margin-left") > pos ) {
            $('#scroller').animate({
                marginLeft: "-=133px"
            }, 200)
        }
    });
    
    $('#prev').click(function() {
        if($("#scroller").css("margin-left") < "0") {
            $('#scroller').animate({
                marginLeft: "+=133px"
            }, 200)
        }
    });
});

Answer 1

首先，你的行中有一个错误:

if(("#scroller ").css("margin-left") > pos ){

改成

if($("#scroller ").css("margin-left") > pos ){

如果没有帮助，也许你应该试试这个:

if(parseInt($("#scroller").css("margin-left"),0) < 0){

在 $('#prev').click 函数中更改它，然后

 if(parseInt($("#scroller ").css("margin-left"),10) > parseInt(pos,10) ){

在 $('#next').click 函数中