jQuery-UI Sortable +使用connectWith嵌套排序

Question

我有一个Backbone.js + Require.js应用程序。 html看起来像这样：

<div class="lists">
  <div class="list">
    <div class="list-cards">
      <div class="card">Foo</div>
      <div class="card">Bar</div>
    </div>
  </div>
  <div class="list">
    <div class="list-cards">
      <div class="card">Foo</div>
      <div class="card">Bar</div>
    </div>
  </div>
</div>

我想让列表排序。所有列表中的卡片都可以排序（在列表中，从一个列表到另一个列表）。

jQuery看起来像这样：

$(function() {

  $( '.lists' ).sortable({
    items: 'div.list'
  });

  $( '.list-cards' ).sortable({
    items: 'div.card',
    connectWith: '.list-cards'
  });

});

Backbone events数组如下所示：

events: [
  'sortstart .lists': 'Foo',
  'sortstart .list-cards': 'Bar'
]

1. 问题：来自.lists和.listcards的事件互相干扰
2. 问题：当我禁用缓存（当DevTools打开时）它具有讽刺意味，但我不知道为什么
3. 问题：当我对卡片进行排序时，Backbone事件数组中会触发多个事件

问题：这个问题有没有优雅的解决方案？

感谢您的帮助！