jquery-ui - Jquery UI 可在内容内排序

Question

我尝试在 sortable 内对内容进行排序，所以我的想法是当我们拖动元素时，我只想将元素内的内容在这种情况下“div”移动到一个空的“li”，将“li”保持在某个位置。

            <ul class="mySortable">
              <li><div>Item 1</div></li>
              <li><div>Item 2</div></li>
              <li><div>Item 3</div></li>
              <li><div>Item 4</div></li>
              <li></li>
              <li></li>
              <li></li>
            </ul>

$('.mySortable').sortable().disableSelection()

我不知道我是否需要使用 'draggable' insted 'sortable' 来做到这一点，有人可以帮忙吗？非常感谢。

Answer 1

不，你不能使用 sortable 来做到这一点。对于可排序，只能拖动可排序容器的直接子元素，在您的情况下是 li。

您需要使用可拖动和可放置。使您的 div 可拖动，而您的 li 可放置