jQuery UI Sortable事件-单击并发送到末尾

Question

我需要有关jQuery UI Sortable脚本的帮助。 如何将项目发送到列表中的最后一个项目？

<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>

我的JS：

$(document).on('click', '#drag div', function(e) {

    var item = $(this).closest('li');

    // Send `item` to the end of list...

});

我怎样才能做到这一点 ？

Answer 1

这应该可以解决问题

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

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

http://jsfiddle.net/7PDav/

您基本上可以采用并重新添加单击的项目。 附录会将其放在末尾。