拖放連接的項目

Question

我正在制作一個拖放列表以對一些“模塊”進行排序。 我想連接一個輸入，以便您命名。

所以現在我想以灰色div對此進行排序。 但這會發生：

您只能對模塊進行排序。 我想將我的模塊與輸入連接。 所以兩者都很好。 而且不想使用表格。 但是我不知道該怎么做。

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