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

Question

我有一个包含Bootstrap个标签的表单。

如果我将所有tabs克隆到新的部分，会有一种奇怪的行为。如果我没有单击任何选项卡并且我执行了克隆，那么我可以选择新创建的部分上的所有选项卡。

如果另一方面我点击示例Tab 2，然后我克隆，则无法再选择新版块上的Tab 2。

场景1 （工作）

1. 不要选择任何标签。
2. 单击“添加”按钮（位于面板底部）
3. 您可以点击新创建栏目中的所有标签。



场景2 （不工作）：

1. 选择标签2标签。
2. 单击“添加”按钮（位于面板底部）
3. 您将无法在新创建的部分中点击标签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;