JQuery Select2 克隆

Question

我已经设置了JSFiddle来展示我的问题。

我改变了克隆方式，使其更加通用，因此我不需要为不同的表重用代码。通常，对于 select2 元素，我会这样做

$(".campaignType", $tr).select2({
    tags: true
});

这意味着我不需要销毁它。然而，在这种情况下，它似乎不起作用。正如您在 fiddle 中看到的，当添加一行时，第二行上的选择不起作用。似乎是创建两个跨度。

有什么办法可以让它工作吗？

谢谢

Answer 1

问题来自于尝试克隆 Select2 框，但它失去了对它的跟踪。

为了在模板行上解决这个问题，我没有初始化 Select2。我用 .template { display: none; 隐藏模板行}。接下来，在 initThings 方法中，我现在调用 add_row 方法来创建第一个可见行。

add_row 方法现在可以成功设置 Select2，因为它从未在克隆行上初始化。

我的解决方案是基本上保留模板行不变，并仅在生成的行上初始化 Select2 和日期选择器。

参见 fiddle :https://jsfiddle.net/vt2czgse/8/