拖放已连接的项目

Question

我正在制作一个Drag＆amp; Drop List来排序一些“模块”。 我想连接一个输入，你可以命名它。

所以现在我想在灰色div中对此进行排序。 但这种情况发生了：

您只能对模块进行排序。我想用输入连接我的modul。所以两者都是排序。并且不想使用表格。但我不知道该怎么做。

$("#list_testdata ol").droppable({
    activeClass: "ui-state-default",
    hoverClass: "ui-state-hover",
    accept: ":not(.ui-sortable-helper)",
    drop: function(event, ui) {
        $(this).find(".placeholder").remove();
        $("<li></li>").text(ui.draggable.text()).appendTo(this);
        $(this).append('<input type="text" value="test">');

    }
}).sortable({
    items: ":not(.placeholder)",
    sort: function() {
        $(this).removeClass("ui-state-default");
        $("ul, li").disableSelection();
    }
});

Answer 1

通过将它放在一个div中来解决它。

$(this).append('<div class="list_testdata_div"><input type="text" value="Bezeichnung"><li>' + li_val + '</li></div>');