由Sortable JS克隆的项目里面有Select2不工作

Question

由Sortable JS克隆的包含Select2的项不能工作。

我试图销毁并重新初始化，但似乎不起作用。

Jquery代码

$("select").select2();
function cleanDrop() {
$(".dropped-area").removeClass("unsetter");
$(".dropped-area").addClass("setter row");
$(".placeholder-drop").removeClass("d-flex");
$(".placeholder-drop").hide();
}
function onEndStyle() {
$(".dropped-area > div").removeClass("col-lg-3 col-md-4");
$(".dropped-area > div").addClass("col-12 new-style");
}
new Sortable(pullContainer, {
group: {
name: "shared",
pull: "clone",
put: false,
},
sort: false,
animation: 150,
chosenClass: "xdd",
ghostClass: "zaa",
cancel: ".select2",
onMove: function () {
cleanDrop();
},
});
new Sortable(targetContainer, {
group: {
name: "shared",
pull: "clone",
},
draggable: ".new-style",
handle: ".handle",
animation: 150,
onAdd: function () {
onEndStyle();
},
});

Codepen链接非常感谢!

Answer 1

不幸的是，select2正在创建一些自定义的内部id，您必须在克隆/删除后销毁并重新创建select2