jQueryShuffle插件打破了jQueryUI排序表

我发现jQuery shuffle插件有问题。它打破了我嵌套的可排序列表。在底部，我放置了一个显示问题的演示的链接，如下所述

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>

shuffle按钮几乎完成了我期望它做的事情，它洗牌有序列表，而不是无序列表！。但在这样做的同时，它也打破了无序的可排序列表。我再也不能在洗牌前移动元素了

我做错什么了吗？插件中有bug吗

链接到插件：

---

链接到问题的演示：

经过一些测试，我发现这样做很有效：

$(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'
    });
  });

});

---

不知道为什么。这也不是一个非常优雅的解决方案。

经过一些测试，我发现这样做很有效：

$(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'
    });
  });

});

不知道为什么。这也不是一个非常优雅的解决方案