Javascript jQuery ui Dragable不适合于可排序列表

我有一个可排序的列表和一些可拖动的元素，这是我用jQueryUI创建的。我想将可拖动的元素拖到可排序列表中，以便在最后添加。我使用了“connectToSortable”选项，但是当我将元素拖动到可排序列表上时，什么也没有发生。。有什么限制吗

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

查看此演示：

我尝试使用draggable元素是表的“td”，sortable元素是列表的“li”

JQUERY

$（函数（）{
$（“#可拖动td”）。可拖动({
connectToSortable:“#可排序”，
助手：“克隆”，
回复：“无效”
});
$（“#可排序”）。可排序({
回复：对，
接收：功能（事件、用户界面）{
var html=[]；
$（this）.find（'td'）.each（function（）{
html.push（'
'+$（this.html（）+'
'）；
});
$（this.find（'td'）.replaceWith（html.join（“”））；
}
});
});

给出您的代码或创建一个Fiddle，我用它来设置可拖动和可排序（我在ember.js中编写）。一切正常，除了“connectToSortable”选项……是的，这是我最初做的，但它不起作用。Jquery和QjureyUI都已加载，并且类/ID没有键入。在我的演示中，代码视图显示。。。值1值2值3

• 值2
• 值3
您没有得到这个吗？请给我们看你的html代码。

$(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(''));
        }
    });
});