如何限制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'}），而不是动画（{marginLeft：' - = 100px'}）

编辑：对不起，我错过了margin-left附近的报价，感谢指出@YMMD