javascript - JQuery 可排序元素不可排序且定位到指针

Question

我的问题是我无法对无序列表中的元素进行排序。占位符始终显示在第一行，即第一个元素所在的位置。 (当我拖动元素时)。 Oder 元素根本不移动，并且没有为当前拖动的元素提供空间(这应该是可排序的默认功能)。

Here my code pen example

(要将元素添加到列表中，只需单击“添加”几次。要启用可排序功能，请单击“排序”按钮。要禁用可排序功能，请单击“不可排序”)

对于可排序，我有以下属性:

$("#btnSortable").click(function() {
  $("#ulNotes").sortable({
    handle: '.divText',
    tolerance: 'pointer',
    placeholder: 'sortablePlaceholder',
    forcePlaceholderSize: true,
    forceHelperSize: true,
    cursorAt: {left: 0, top: 0}        
  });
});

Answer 1

如果删除 class="list-unstyled" 并将一个元素放在另一个元素上方，它就可以工作!我认为问题出在你的CSS上。