Question

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

如果向右拖动“项目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

Answer 1

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

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

1 个答案: