Jquery Slider не остановится в конце - PullRequest
Новая
       24

Jquery Slider не остановится в конце

1 голос
/ 19 сентября 2011

У меня есть слайдер 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)


    }
});

});

1 Ответ

1 голос
/ 20 сентября 2011

Прежде всего, у вас есть ошибка в строке: 

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

...