2014-01-20 30 views
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

回答

相關問題