jquery-ui – 如何保存可拖动和可调整大小元素的位置？

var resposition = '';

$('#divresize').resizable({
   //options...
   resize: function(event,ui){
      resposition = ui.position;
   }
});

JQueryUI Draggable及其事件拖动也是如此：

var dragposition = '';

$('#divdrag').draggable({
   // options...
   drag: funciton(event,ui){
      dragposition = ui.position;
   }
});

resposition和dragposition将是数组.你可以看到它在这里工作：http://jsbin.com/uvuzi5

编辑：使用表单,您可以将拖拽位置和重新定位保存到隐藏的输入中

var inputres = '<input type="hidden" id="resposition" value="'+resposition.left+','+resposition.top+'"/>'
$('#myform').append(inputres);
var inputdrag = '<input type="hidden" id="dragposition" value="'+dragposition.left+','+dragposition.top+'"/>'
$('#myform').append(inputdrag);

并在您的PHP文件中处理表单：

$dragposition = $_GET['dragposition'];
$resposition = $_GET['resposition'];
$dragposition = explode(',',$dragposition);
$resposition = explode(',$resposition);

最后,两个变量都应该是具有top和left属性的数组：

$dragposition => [top,left] attributes from draggable
$resposition => [top,left] attributes from resizable