我正在制作一个可以从左侧容器拖动到放置区域的产品列表。产品被拖到放置容器上,但之后(X)关闭按钮激活,我们单击该按钮,然后产品恢复到其原始位置。将产品拖放到容器中之前的部分工作正常。但在那之后我得到了这个错误
Uncaught TypeError: Cannot read property 'originalPosition' of undefined
我的代码(jquery 1.9 版和 jquery ui 1.10.3 版)
$(document).ready(function () {
$('.drg-bx1').droppable({
tolerance: 'fit'
});
$('.mt-drg-ob').draggable({
revert: 'invalid',
stop: function(){
$(this).draggable('option','revert','invalid');
$(this).find('.undo').show();
}
});
$('.mt-drg-ob').find('.undo').click(function(i, e) {
var $div = $(this).parent();
revertDraggable($div);
});
$('.drg-bx1').droppable({
greedy: true,
tolerance: 'touch',
drop: function(event,ui){
// ui.draggable.draggable('option','revert',true);
if (!ui.draggable.data("originalPosition")) {
ui.draggable.data("originalPosition",
ui.draggable.data("draggable").originalPosition);
}
$(this).find('.undo').show();
}
});
});
function revertDraggable($selector) {
$selector.each(function() {
var $this = $(this),
position = $this.data("originalPosition");
if (position) {
$this.animate({
left: position.left,
top: position.top
}, 500, function() {
$this.data("originalPosition", null);
});
}
});
$selector.find('.undo').hide();
}