jQuery UIドラッグ可能からドロップ可能ページのサイズ変更？

Question

私はすべてがアイコンがドロップされると私はカウンターにしようとしている唯一の問題であり、実際のブラウザがある偉大な働いているこの単純な例で、私はjQueryのUIドラッグ可/ドロップ可で働いています

http://www.andrewherrick.com/spike/dragme/

を持っていますサイズを変更すると、ドラッグ可能な要素はそのコンテナ内にとどまりません。

誰にでも簡単な解決策がありますか？

Answer 1

一度削除すると、要素はドラッグできなくなるため、dropイベントでこれを処理できます。ドロップしたら、要素をコンテナに追加します。位置が重要な場合は、コンテナの位置をrelativeに設定し、コンテナの位置に基づいて要素の位置を再計算します。

http://jsbin.com/afisim/2/edit#preview

$('.droppable').droppable({ 
    hoverClass: "activeHover", 

    drop: function (event, ui) { 
     $.ui.ddmanager.current.cancelHelperRemoval = true; 

     $(ui.helper).css({ 
      top: <CALCULATE_THIS>, 
      left: <CALCULATE_THIS> 
     }) 
     .appendTo($(this)); 
    } 

});