jquery - 克隆时引导选项卡不起作用

Question

我有一个带有Bootstrap 标签的表单。

如果我将所有 tabs 克隆到新部分，则会出现奇怪的行为。如果我不单击任何选项卡并进行克隆，那么我可以选择新创建的部分上的所有选项卡。

另一方面，如果我单击示例 Tab 2 然后进行克隆，则无法再选择新部分上的 Tab 2。

场景 1（工作）

1. 不要选择任何选项卡。
2. 点击添加按钮（在面板底部）
3. 您将能够点击新创建部分中的所有标签。

场景 2（不起作用）：

1. 选择选项卡 2 选项卡。
2. 点击添加按钮（在面板底部）
3. 您将无法在新创建的部分中点击 Tab 2。

这是小提琴，你可以试试。 https://jsfiddle.net/dabros/vo1npqdx/

关于如何解决这个问题的任何线索？

Answer 1

找到解决办法：

改变

var cloned = lastRepeatingGroup.clone(true);

到

var cloned = lastRepeatingGroup.clone(false);

Answer 2

由于克隆对我不起作用，我只是为此设置了另一种解决方法：

const copied = $source.prop('outerHTML');

或者对于那些不想使用道具的人

const copied = $('<div>').append($source.clone()).html();

$ 表示我们正在处理 jQuery 对象，在玩 bootstrap3 药丸时应该存在这些对象。

如果没有纯js：

const copied = source.outerHTML;