我在一个div里面有一个图像。我希望该图像在div中是可拖动的,并希望存储该图像的坐标。在Draggable上使用'stop‘事件可以很好地解决这个问题,并且完全符合我的要求。我还希望在“创建”事件上运行相同的代码。但是,当在“create”事件中使用相同的代码时,传入的“ui”对象似乎是空的:
$(document).ready(function() {
$('#imageitem').draggable({
containment: "parent",
stop: function(event, ui) {
console.log(ui); // results in full object being printed
},
create: function(event, ui) {
console.log(ui); // results in empty object being printed: Object { }
},
});
});
UI/Draggable的文档显示create回调应该接收'ui‘对象:
$( ".selector" ).draggable({
create: function(event, ui) { ... }
});
我正在尝试访问ui.offset,但由于空对象而不可用。如果我理解正确的话,此时'ui‘对象应该已经存在于DOM中了,因为我只是给它附加了一个可拖动对象。难道我不能在可拖动事件的'create‘过程中访问ui.offset吗?
诚然,我是jQuery的新手,所以我可能会在这里遗漏一些东西。
发布于 2012-05-24 22:30:58
似乎在创建可拖动项时,您应该能够知道它的offset
。只需在页面加载后检查元素即可。如果需要传递这些值,不能只为它们创建默认值吗--或者对象将被随机放置?
其次,(忽略这样一个事实,即在创建时ui
元素应该为您提供大量信息),您应该能够通过找到任何元素并在其上调用.offset()
来访问页面上任何元素的偏移量。也就是说,在create语句中,通过您想要使用的任何选择器找到可拖动元素,并以这种方式找出偏移量:
console.log($("#idOfDraggableElement").offset());
编辑:这里的是一个显示如何在create上访问属性的jsfiddle。
https://stackoverflow.com/questions/10739418
复制相似问题