並べ替え可能な項目があるリストから別のリストに移動し、ハンドルとソート機能が失われる

Question

OL> LIリストを持つDIVをリストに並べ替えることができ、リストを並べ替えることができます..一般的なことのように思える。

ソート可能なリストがアイテムを受け取ると、そのアイテムは「ソート可能性」を失います。または少なくとも、ハンドルはそれを処理していません。

$(".sortable").sortable({ 
    connectWith: ".sortable", 
    revert: true, 
    opacity: 0.5, 
    handle: $('.sample_view_image span img'), 
    cursor: 'move', 
    receive: function(event, ui) { 
    $(ui.item).formatSampleToGallery(); 
    $(ui.item).sortable("refresh"); //thought this would reconnect everything 
    } 
}); 

Answer 1

まず、私が参照した$（ui.item）ソート可能ではないそもそも：

は、ここに私のセットアップ私のソート可能なリストがどのようにお見せするためにいくつかのコードです。デュ。

第2に、私が右のセレクタ$（ui.item）.parent（）を使用したとき、「リフレッシュ」はまだ「ハンドル」を適切に再確立しませんでした。それは "リフレッシュ"のように私のためにこれを世話する必要があります、私はそれを悪用しているようだ！

私は...ちょっと汚い感じている、それが正常に動作させるために、次のコードを使用していた：

$(".sortable").sortable({ 
    connectWith: ".sortable", 
    revert: true, 
    opacity: 0.5, 
    handle: $('.sample_view_image span img'), 
    cursor: 'move', 
    receive: function(event, ui) { 
    $(ui.item).formatSampleToGallery(); 

    $(ui.item).parent().sortable({ 
     connectWith: ".sortable", 
     revert: true, 
     opacity: 0.5, 
     handle: $('.sample_view_image span img'), 
     cursor: 'move' 
    }); 
    } 
});