涡旋上的奇怪行为jquery可排序

Question

我正在构建一个管理项目的前端部分。现在，我正在做一个页面概述，您可以在其中对页面进行排序(作为列表)。我使用jquery，从这里开始来获得树视图功能。

我的问题是:如果页面已经被滚动，那么开始拖动/排序的项目就会被定位，从鼠标中向下滚动的像素数量将从鼠标上向下滚动，而不是在鼠标上滚动(滚动前的拖动/排序)。

排序列表的选项如下所示：

var ns = $('.sortable-list').nestedSortable({
  forcePlaceholderSize: true,
  handle: '.handle',
  helper: 'clone',
  items: 'li',
  opacity: .9,
  placeholder: 'sort-placeholder',
  revert: 250,
  tabSize: 15,
  tolerance: 'pointer',
  toleranceElement: '> div',
  maxLevels: 4,
  isTree: true,
  expandOnHover: 700,
  startCollapsed: true,
  stop: function() {
    updateList();
    setTimeout(updateList, 100);
  }
});

我还做了一个代码，说明了我的问题。

有人知道怎么解决这个问题吗？-提前谢谢。

Answer 1

我相信这是nestedSortable库中的一个bug。git存储库上有一个提交，表示它应该修复这个bug (https://github.com/ilikenwf/nestedSortable/commits/2.0alpha)，所以尝试升级到最新版本，看看它是否解决了您的问题。

更新:实际上，修改您的CodePen以使用该文件的最新版本是有效的：http://codepen.io/anon/pen/yNPWKX。

用于nestedSortable的CodePen源文件是：

<script src='http://mjsarfatti.com/sandbox/nestedSortable/jquery.mjs.nestedSortable.js'></script>