Jquery,得到position().元素的右边？

Question

所以我正在研究一个可拖动的图像.

非常简单,当您将图像拖动到特定位置的左侧或右侧时,我希望图像快速向左或向右移动.

在下面的小提琴中,我有左侧的功能..但我不太清楚确定右侧的最佳方法是什么,因为Jquery只允许顶部和左侧属性.

考虑这段代码:

$(function() {
$(".headerimage").css('cursor', 's-resize');
var y1 = $('.picturecontainer').height();
var y2 = $('.headerimage').height();
$(".headerimage").draggable({
    scroll: false,
    drag: function(event, ui) {
        if (ui.position.left >= 200) {
            ui.position.left = 0;
        }
    },
    stop: function(event, ui) {
        //####
    }
});

小提琴

Answer 1

要获得元素右侧的位置,我使用这个jQuery:

var target = $("selector");
var result = target.position().left + target.width();

获取此值时,请确保元素已完全呈现.否则结果可能会被取消.