如何停止keydown上的div动画以停止在屏幕的末尾

Question

我给了一个箭头键的功能来移动keydwn上的div - 位置left = + 50，top = + 50就像这样......

当它到达屏幕的最后时我怎么能停下来......

$(document).keydown(function(e) {
switch (e.which) {
case 37:
    $('#player').stop().animate({
        left: '-=50'

    });

Answer 1

像

这样的东西

$(document).keydown(function(e) {
    switch (e.which) {
        case 37:
            var left = parseInt( $('#player').css('left'), 10),
                ani  = left > 50 ? 50 : left;

            if (ani > 0) {
                $('#player').stop().animate({
                    left: '-='+ani
                });
            }
        break;
    }
});

FIDDLE