0

我正在构建一个管理项目的前端部分。现在我正在处理页面概述，您可以在其中对页面进行排序（作为列表）。我正在使用 jquery 插件nestedSortable，从这里获取树视图功能。

我的问题：如果页面已滚动，则您开始拖动/排序的项目的位置是从鼠标向下滚动的像素量，而不是应该在鼠标上滚动的像素量（滚动前拖动/排序）。

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

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);
  }
});

我还制作了一个代码笔来说明我的问题。

有谁知道如何解决这个问题？- 先感谢您。

4

1 回答 1

0

我相信这是 nestedSortable 库中的一个错误。git 存储库上有一个提交说它应该修复该错误（https://github.com/ilikenwf/nestedSortable/commits/2.0alpha），因此请尝试升级到最新版本，看看是否可以解决您的问题。

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

我用于 CodePen 的 nestedSortable 源文件是： 

<script src='http://mjsarfatti.com/sandbox/nestedSortable/jquery.mjs.nestedSortable.js'></script>
于 2015-06-25T13:52:30.620 回答