Javascript jQuery UI可排序事件-单击并发送到末尾

我需要关于jQuery UI可排序脚本的帮助。 如何将项目发送到列表上的最后一个项目

<ul id="drag">
    <li>
        First
        <div>x</div>
    </li>
    <li>
        Second
        <div>x</div>
    </li>
    <li>
        Third
        <div>x</div>
    </li>
    <li>
        Fourth
        <div>x</div>
    </li>
</ul>

---

我怎样才能做到这一点呢？

这应该可以做到

$('#drag').sortable();

$(document).on('click', '#drag div', function (e) {
    $(this).parent().appendTo('#drag');
});

基本上，您可以获取并重新附加单击的项。追加将把它放在末尾

$('#drag').sortable();

$(document).on('click', '#drag div', function (e) {
    $(this).parent().appendTo('#drag');
});