jQuery Select2 克隆

Question

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

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

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

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

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

谢谢

Answer 1

问题在于试图克隆 Select2 框，但它却忘记了它。

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

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

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

见小提琴：https://jsfiddle.net/vt2czgse/8/