拖放连接的项目

Question

我在拖动&拖放列表来排序某些“模块”。 我想连接一个输入，所以你可以命名它。

所以现在我想解决这灰色格。 但出现这种情况：

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

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