정렬 가능한 항목이 한 목록에서 다른 목록으로 이동하고 핸들 및 정렬 기능이 손실 됨

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) 정렬 할 수없는 시작하기 :

는 여기에 내가 설정 내 정렬 목록을하는 방법을 보여주는 몇 가지 코드입니다. 이런.

둘째, 오른쪽 선택기 $ (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' 
    }); 
    } 
});