Question

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

$(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'）中更改它。点击功能，

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

在$（'＃next'）中。点击功能

Jquery Slider最终不会停止

1 个答案: