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

任何建议？ THX。

Answer 1

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

Answer 2

问题来自#sortable height，当鼠标移动到最后一个项目之后，停止事件被触发。

您可以在此处查看示例：jsFiddle