jQuery UI可排序和拖動可阻止將可拖動項目移動到可排序的最後一個孩子

Question

我正在使用JQueryUI實現拖動和排序。

問題是如果可拖動項目放置在可排序的最後一個孩子之後，如何製作可排序的拒絕可拖動項目？

<ul id="draggable"> 
    <li>Drag Item 1</li> 
    <li>Drag Item 2</li> 
    <li>Drag Item 3</li> 
    <li>Drag item 4</li> 
</ul> 

<ul id="sortable"> 
    <li>Item 1</li> 
    <li>Item 2</li> 
    <li>Item 3</li> 
    <li>Last item</li> //if I placed drag item after this, the sortable list reject the drag item 
</ul> 

1. 我拖拖動項目2可排序
2. 如果拖動項目2排序的最後一個子之前放置 - >正常情況下發生
3. 如果拖動項目2放置後可排序的最後一個孩子 - >可排序列表拒絕拖動項目2

任何建議？ Thx。

Answer 1

最後我發現我的問題的解決方案。 你可以在這裏看到：http://jsfiddle.net/yosafatade/KE2JM/3/

Answer 2

問題來自#sortable高度，因爲當鼠標移動到最後一項之後，停止事件被觸發。

這裏你可以看到一個例子：jsFiddle