如何在不影响现有选项卡的情况下克隆 Bootstrap 选项卡？

t5fffqht 于 2022-12-07 发布在 Bootstrap

关注(0)|答案(2)|浏览(137)

我有一个带有Bootstrap选项卡的表单。如果我将所有的tabs克隆到一个新的节中，会有一个奇怪的行为。如果我没有单击任何选项卡，而是进行克隆，那么我可以选择新创建节中的所有选项卡。
如果我在另一只手单击Tab 2，然后克隆，则无法再选择新部分上的Tab 2。

方案1（工作）

1.不要选择任何选项卡。
1.单击“添加”按钮（位于面板底部）
1.您将能够单击新建部分中的所有选项卡。

方案2（不工作）：

1.选择选项卡2选项卡。
1.单击“添加”按钮（位于面板底部）
1.您将无法在新创建的部分中单击“选项卡2”。

这是小提琴，你可以试试。
有什么线索能解决这个问题吗？

2条答案

找到了解决办法：
变更

var cloned = lastRepeatingGroup.clone(true);

结束日期

var cloned = lastRepeatingGroup.clone(false);

由于克隆技术对我不起作用，我提出了另一种解决办法：

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

或者是那些不想使用 prop 人

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

$意味着我们正在处理jQuery对象，在使用bootstrap 3 pill时应该存在该对象。
如果否，则存在简单js：

const copied = source.outerHTML;