Javascript jqueryui可排序+；带connectWith的嵌套可排序

我有一个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>

$(function() {

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

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

});

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

主干事件数组如下所示：

<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>

$(function() {

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

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

});

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

问题：来自.list和.listcards的事件相互干扰

问题：当我禁用缓存（而DevTools是打开的）时，它工作起来很讽刺，但我不知道为什么

问题：对卡进行排序时，主干事件数组中会触发多个事件

问题：这个问题有什么优雅的解决方案吗

---

谢谢你的帮助

这个问题怎么会是一个必要的问题？在这个问题中，我看不到任何东西表明RequireJS是问题中的一个问题，或者是解决问题的一个因素。就连我也在做类似的事情。我发现，如果我在一个嵌套的排序表上放置了一些东西，那么父排序表的事件将首先触发。因此，他们在一起。