jQuery 셔플 플러그인 jQuery UI 정렬 가능 깨짐

Question

jQuery 셔플 플러그인에 문제가 있습니다. 내 중첩 된 정렬 가능 목록을 손상시킵니다. 맨 아래에 문제를 보여주는 데모 링크가 있습니다. 아래에서 설명합니다.

html은 간단하며 네 개의 목록 항목을 포함하는 정렬 된 목록이 있습니다. 이러한 각 목록 항목에는 두 개의 목록 항목이있는 정렬되지 않은 목록이 포함되어 있습니다. 그리고 순서가 매겨진 목록을 뒤섞을 수있는 버튼이 있습니다.

<ol> 
    <li> 
     <ul> 
     <li>Item A</li> 
     <li>Item B</li> 
     </ul> 
    </li> 
    <li> 
     <ul> 
     <li>Item C</li> 
     <li>Item D</li> 
     </ul> 
    </li> 
    <li> 
     <ul> 
     <li>Item E</li> 
     <li>Item F</li> 
     </ul> 
    </li> 
    <li> 
     <ul> 
     <li>Item G</li> 
     <li>Item H</li> 
     </ul> 
    </li> 
    </ol> 
    <button type="button" class="shuffle">Shuffle</button> 

는 나열 순서를 소트하고, 또한 정렬되지 않은리스트는 정렬 및 연결 (예를 들면 I "는 상품 A"아래의 "아이템 G"를 이동할 수있다). 여태까지는 그런대로 잘됐다!

$(document).ready(function() { 

    $('ol').sortable({ 
    placeholder: 'dashed' 
    }); 
    $('ul').sortable({ 
    placeholder: 'dashed', 
    connectWith: 'ul' 
    }); 
    $('.shuffle').button().click(function(){ 
    $('ol').shuffle(); 
    }); 

}); 

셔플 버튼 (거의) 내가 뭘 기대하지, 그것은 정렬 된 목록 셔플 (순서없는하지를!). 그러나 그렇게함으로써 정렬되지 않은 정렬 가능한 목록도 손상됩니다. 내가 섞기 전에 더 이상 요소를 움직일 수 없습니다.

내가 잘못 했나요? 플러그인에 버그가 있습니까? 플러그인에

링크 : http://yelotofu.com/labs/jquery/snippets/shuffle/jquery.shuffle.js이

링크 문제의 데모에 : http://jsbin.com/umeju6

Answer 1

내가이 일을하는 것이 작동하는지 발견 몇 가지 테스트 후 : 왜하지만

$(document).ready(function() { 

    $('ol').sortable({ 
    placeholder: 'dashed' 
    }); 
    $('ul').sortable({ 
    placeholder: 'dashed', 
    connectWith: 'ul' 
    }); 
    $('.shuffle').button().click(function(){ 
    $('ul').sortable("destroy"); 
    $('ol').shuffle(); 
    $('ul').sortable({ 
     placeholder: 'dashed', 
     connectWith: 'ul' 
    }); 
    }); 

}); 

확실하지. 매우 우아한 해결책도 아닙니다.