jQuery-ui Draggable不適合可排序列表

Question

我有一個可排序的列表和一些可拖動元素，它們是使用jquery-ui創建的。 我想將可拖動元素拖動到可排序列表中，因此將它們添加到最后一個列表中。 我使用了“ connectToSortable”選項，但是將元素拖到可排序列表上時什么也沒發生。.是否存在某種限制？

可拖動元素是表的“ td”，可排序元素是列表的“ li”。

Answer 1

檢查此演示： http : //jsfiddle.net/yeyene/7fEQs/203/

我嘗試使用可拖動元素是表的“ td”，而可排序元素是列表的“ li”。

JQUERY

$(function() {
    $( "#draggable td" ).draggable({
        connectToSortable: "#sortable",
        helper: "clone",
        revert: "invalid"
    });

    $( "#sortable" ).sortable({
        revert: true,
        receive: function(event, ui) {
            var html = [];
            $(this).find('td').each(function() {
                html.push('<li>'+$(this).html()+'</li>');
            });
            $(this).find('td').replaceWith(html.join(''));
        }
    });
});