jquery - 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. 如果将 Drag Item 2 放置在 sortable 的最后一个子项之前 -> 正常情况发生
3. 如果将 Drag Item 2 放在 sortable 的最后一个子项之后 -> 可排序列表拒绝 Drag Item 2

有什么建议吗？？谢谢。

Answer 1

最后我找到了我的问题的解决方案。你可以在这里看到：http: //jsfiddle.net/yosafatade/KE2JM/3/

Answer 2

问题来自#sortable height，因为当鼠标在最后一项之后移动时，会触发停止事件。

你可以在这里看到一个例子：jsFiddle