jquery - 如何限制marginleft jquery

Question

我将如何限制此滑块。

我想将 leftarrow 限制为 margin-left:0; 向右箭头到边距：-left:-500px；

这很难做到吗？

任何帮助表示赞赏。

jsfiddle：http: //jsfiddle.net/utKqe/2/

//other category page, navigate through cats
    $(document).ready(function() {

        $('#otherleftarrow').click(function() {
            $('#othermenu ul').animate({marginLeft: '-=100px'}, 200);
            return false; // prevent default click action from happening!
        });

        $('#otherrighttarrow').click(function() {
            $('#othermenu ul').animate({marginLeft: '+=100px'}, 200);
            return false;
        });

    });

Answer 1

尝试这样的事情：

$(document).ready(function() {

    $('#otherleftarrow').click(function() {
        if ( parseInt($('#othermenu ul').css('margin-left')) > -500 )
            $('#othermenu ul').animate({'margin-left': '-=100'}, 200);
        return false; // prevent default click action from happening!
    });

    $('#otherrighttarrow').click(function() {
        if ( parseInt($('#othermenu ul').css('margin-left')) < 0 )
            $('#othermenu ul').animate({'margin-left': '+=100'}, 200);
        return false;
    });

});

Answer 2

$(document).ready(function() {

    $('#otherleftarrow').click(function() {
        $('#othermenu ul').animate({'margin-left': '-=100'}, 200);
        return false; // prevent default click action from happening!
    });

    $('#otherrighttarrow').click(function() {
        $('#othermenu ul').animate({'margin-left' : '+=100'}, 200);
        return false;
    });

});

更改： animate( {margin-left: '-=100' }) ，而不是 animate( {marginLeft: '-=100px' })

编辑：对不起，我错过了左侧边距的引号，感谢您指出@YMMD