jquery UI draggable:UI.children不是一个函数

我有一个可拖动列表、一个可排序的可丢弃列表和第一个列表中的几个li。

现在我想把它们拉过来，在stop函数中，我有一个函数，它向第一个孩子添加了一个类（它是一个跨度，表示像一样的剪辑号

<li>
    <span>1.</span>
    <span>Title</span>
    <span>1min23sec</span>
</li>

)。原因是，我想表示播放列表中的原始剪辑编号（可排序）。

但我收到一个控制台错误，说

TypeError: ui.children is not a function
ui.children("li")[0].addClass(".slot_clip_info");

我不是100%确定，但我认为这个确切的代码在过去的一段时间里已经起作用了，我可能在不知情的情况下更改了一些东西，但我不知道。可拖动：

$(function() {
    $(".pl_clipEntry").draggable({
        appendTo: "body",
        revert: "invalid",
        connectToSortable: "#tracks",
        distance: 20,
        helper: function(){
            return $(this).clone().width($(this).width());   // hack for the drag-clone to keep the correct width
        },
        stop: function(ui) {
            ui.children("li")[0].addClass(".slot_clip_info");
        },
zIndex: 100
     });
});

可分拣：

$(function() {
    var removeItem;
    $("#tracks").sortable({
        items: "li:not(.placeholder)",
        connectWith: "li",
        placeholder: "sort_placeholder",
        helper: "clone",
        distance: 20,
        sort: function () {
            $(this).removeClass("ui-state-default");
            updatePlaylist();
        },
        over: function (event,ui) {
            updatePlaylist();
            removeItem = false;
            console.log(event);
            console.log(ui);
            var originalClass = ui.helper.context.childNodes[0].className;
            console.log(originalClass);
            var small_clip = originalClass.match(/('d+)/g)[1];
            ui.item.context.children[0].innerHTML = small_clip;
            ui.item.context.children[0].classList.add("slot_clip_info");
        },
        out: function () {
            updatePlaylist();
            removeItem = true;
        },
        beforeStop: function(event,ui) {
            if (removeItem) {
                ui.item.remove();
            }
        },
        stop: function(event,ui) {
            console.log("checking placeholder");
            var list = $(this);
            var count = list.children(':not(.placeholder)').length;
            list.children('.placeholder').css("display", count > 0 ? "none" : "block");
            savePlaylist();
        }
    });

一旦我拉和元素IN或重新排序它们，我就会得到所说的错误。此外，在刷新时，列表似乎会自我倍增。。但我想这是另一个问题。。。

全小提琴（相当混乱，顶部下拉按钮"PL TOGGLE"中的功能

更新：我注意到的另一件事是：第一次拖动没有问题，然后在发布时显示错误，随后的拖动将（大多数…有时确实…）不起作用