Jquery可排序框限制

Question

对于熟悉Jonny von Adrian创建的sortable的人(http://johnny.github.io/jquery-sortable/),

有没有办法说，限制一个框的元素，使它们只能在它自己和另一个框之间拖动，即使有多个框？现在，我正在创建一个界面，允许用户从一个主题框拖动到另一个主题框，但这引起了一个问题，因为他们可以从“时代”框拖动元素到“课程”框，反之亦然。

我还想知道，当盒子里什么都没有的时候，是否有办法把盒子扩大到一定的高度。现在，如果一个框是空的，这有点令人困惑，因为用户可能不知道可以将项目拖到其中。

Answer 1

这是我第一次看到它，但在我快速浏览了他的留档后，我可能能帮上一点忙。看起来有两个包含的选项与您的兴趣相关，“排除”和“isValidTarget”。

“isValidTarget”需要一个回调函数，该函数使用$item参数调用，该参数包含（您猜到了）正在拖动的元素，以及第二个参数“container”，即接收正在拖动的项的元素。剩下的就看你了。玩得高兴

下面是exclude的一个基本用法：

$(function() {
  $("ol.example").sortable({
    containerPath: "> li",
    containerSelector: "ol",
    exclude: "ol ol > li"
  });
  $("ol.example ol").sortable();
});

<ol class='example'>
  <li>
    Restricted
    <ol>
      <li>Items</li>
      <li>cannot</li>
      <li>be added</li>
      <li>Here.</li>
    </ol>
  </li>
  <li>
    Open 1
    <ol>
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
    </ol>
  </li>
  <li>Open 2</li>
  <li>Open 3</li>
</ol>