jQuery UI 可排序连接列表项捕捉到倒数第二个位置答案

【问题标题】：jQuery UI sortable connected list item snaps to second last positionjQuery UI 可排序连接列表项捕捉到倒数第二个位置
【发布时间】：2014-01-20 11:54:28
【问题描述】：

我有两个相邻的可排序列表。

看这个例子： http://jsfiddle.net/2Fbt6/

如果您将“第 6 项”拖动到右侧，它会添加到倒数第二个位置，而不是最后一个位置。如果将“第 6 项”拖动到右侧、左侧和右侧，则正确。

代码：

HTML：

<div class="categories">
<ul class="items">
  <li id="item1" class="item ui-state-default">Item 1</li>
  <li id="item2" class="item ui-state-default">Item 2</li>
  <li id="item3" class="item ui-state-default">Item 3</li>
  <li id="item4" class="item ui-state-default">Item 4</li>
  <li id="item5" class="item ui-state-default">Item 5</li>
  <li id="item6" class="item ui-state-default">Item 6</li>
</ul>

<ul class="items" style="background: #efefef;">
  <li id="item5" class="item ui-state-default">Item 1</li>
  <li id="item6" class="item ui-state-default">Item 2</li>
  <li id="item7" class="item ui-state-default">Item 3</li>
</ul>
</div>

CSS：

.items { width: 100px; float: left; height: 500px;list-style-type: none;}
.placeholder { height: 18px; background-color: #ffd;}

JS：

$( ".items" ).sortable({
    connectWith: ".items",
    placeholder: 'placeholder'
});
$( ".categories" ).sortable({
    connectWith: ".categories"
});

如果有人能想到解决此问题的方法，我会很高兴。在我的例子中，左边的列表可能很长，如果用户必须一直向上滚动，将元素拖到右边列表的最后一个位置，这很烦人。

编辑：

似乎这是 jQuery-ui 中的一个错误，将在 1.11 版中解决： http://bugs.jqueryui.com/ticket/9314

【问题讨论】：

标签： drag-and-drop jquery-ui-sortable

【解决方案1】：

似乎这是 jQuery-ui 中的一个错误，将在 1.11 版中解决：http://bugs.jqueryui.com/ticket/9314

【讨论】：