jQuery Select2克隆

Question

我已经建立了一个JSFiddle来演示我的问题。

我已经更改了克隆方式，使其更具通用性，因此无需为不同的表重用代码。通常，对于select2元素，我将执行以下操作

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

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

有什么办法可以使它正常工作吗？

谢谢

Answer 1

问题来自尝试克隆Select2框，但无法对其进行跟踪。

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

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

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