1
我有兩個可排序的列表,彼此相鄰。jQuery UI可排序連接列表項捕捉到第二個最後位置
見這個例子: 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的用戶界面中的錯誤,將在1.11版本中得到解決: http://bugs.jqueryui.com/ticket/9314