jQuery sortable:拖动一个元素时列表元素会跳开

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery sortable:拖动一个元素时列表元素会跳开相关的知识,希望对你有一定的参考价值。

我正在使用jQuery的sortable在两个列表之间移动元素。

我的问题是,当我拖动一个元素时,列表会移动(所有元素都向下移动,然后向上备份)。这似乎只有在sortable元素内有文本(或另一个元素)时才发生。

在此示例中为http://jsfiddle.net/vrCC7/2/

  • 在第二个列表中移动元素很容易。
  • 元素在第一个列表中移动时跳转。
  • 将元素从第二个列表移到第一个列表会奇怪地偏移它。
  • 代码:

    <div id = "containment">
    <ul class = "sortable connectedSortable"  >

        <li class = "child">1</li>
        <li class = "child">2</li>
        <li class = "child">3</li>
    </ul>

    <ul class = "sortable connectedSortable"  >
        <li class = "child"></li>
        <li class = "child"></li>
        <li class = "child"></li>
    </ul>

    </div>

我正在使用jQuery的sortable在两个列表之间移动元素。我的问题是,当我拖动一个元素时,列表会移动(所有元素向下移动,然后返回)。这似乎仅在存在...

答案

只需添加一个

另一答案

对我来说,问题出在列表上的CSS溢出:

以上是关于jQuery sortable:拖动一个元素时列表元素会跳开的主要内容,如果未能解决你的问题,请参考以下文章

jquery sortable使用户能够在`n`秒后拖动元素

jQuery UI Sortable:在列之间拖动元素时记录起点和终点

jQuery可拖动+可排序:奇怪的鼠标偏移行为

jQuery Sortable - 选择并拖动多个列表项

使用 jQuery Sortables 拖动项目时单选按钮被取消选择

JQuery UI Sortable + Laravel Collection Chunk:行可拖动而不是单个元素