这是一个例子http://jsfiddle.net/naqbq/
我如何获取当前位置x and y重新定位图像后？
<input type="hidden" name="source_x" id="source_x" />
<input type="hidden" name="source_y" id="source_y" />
In the stop回调，你可以使用ui.helper访问拖动的元素。然后使用offset正如布拉德建议的那样：
$("#image").draggable({
stop:function(event,ui) {
var wrapper = $("#wrapper").offset();
var borderLeft = parseInt($("#wrapper").css("border-left-width"),10);
var borderTop = parseInt($("#wrapper").css("border-top-width"),10);
var pos = ui.helper.offset();
$("#source_x").val(pos.left - wrapper.left - borderLeft);
$("#source_y").val(pos.top - wrapper.top - borderTop);
alert($("#source_x").val() + "," + $("#source_y").val());
}
});
然后，只需将其调整为您的包装器 - 减去其偏移量和边框宽度 - 并将其设置为您的输入val。 （抱歉对边框进行了硬编码，但我无法使用它来提取它css)罢工> (Edit: 就在那里！找到了解决方案另一个问题)
http://jsfiddle.net/mgibsonbr/naqbq/4/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
