调整大小问题与jQuery排序可调整大小可拖动

Question

我做了一个可排序，可调整大小，可拖动，与克隆portlet，但是当我调整它时，我遇到了一个错误。

我的脚本：

<script type="text/javascript"> 

$(function() { 
    $('#column1').draggable({ 
     helper:'clone', 
     connectToSortable:'#sort', 
     handle:'.widget-head', 
    }); 

    $('#sort').sortable({ 
     handle:'.widget-head', 
     connectWith: "#sort", 
     out: function (e,ui) { 
      $("#sort").children().resizable({ axis: 'x',containment: 'parent', 
       resize: 
       function(event, ui) 
       { 
        ui.size.width = ui.originalSize.width; 
       } 
      }); 
     } 
    }); 
}); 

</script> 

Answer 1

我想通了，这个问题是相关的造型，并能修复它。位置变更后的绝对大小我每次都这样处理，我使用这样的：

$('#sort').sortable({ 
    handle:'.widget-head', 
    connectWith: "#sort", 
    out: function (e,ui) { 
     $("#sort").children().resizable({ 
      axis: 'x', 
      containment: 'parent', 
      resize: function(event, ui) { 
       ui.size.width = ui.originalSize.width; 
       (ui.helper).css({'position': '', 'top': '0px'}); 
      } 
     }); 
    } 
});