調整大小問題與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'}); 
      } 
     }); 
    } 
});