如果位置小于 X，则执行某些操作。Jquery

Question

$("#rightControl").click(function(){
    $("#thumb_menu").animate({"left": "-=520px"}, "slow");
    var pos = $('#thumb_menu').position();
    if(pos.left < 0) { 
        $('#header')
            .prepend('<span class="control" id="leftControl">Move left</span>')
}
});

单击#rightControl一次将#thumb_menu移动到左侧-450px，这样if应该运行，但我似乎无法让它工作。

我哪里错了？

Answer 1

将其放置在 .animate() 的回调中，以便它有机会在调用 .position() 方法之前更改其位置。

$("#rightControl").click(function () {
    $("#thumb_menu").animate({
        "left": "-=520px"
    }, "slow", function() {
        var pos = $(this).position();
        if (pos.left < 0) {
            $('#header').prepend('<span class="control" id="leftControl">Move left</span>')
        }
    });
});

尽管如果您知道它正在转向负数位置，我认为您根本不需要 if() 语句。只需在回调中执行 .prepend() 即可。

Answer 2

位置方法是相对于文档的，而不是元素的原始位置：
http://api.jquery.com/position/

所以 .position() 只会是 < 0 如果元素实际上不在屏幕上。您应该做的是在移动元素之前捕获元素的原始位置，然后查看它是否小于该位置。