克隆后的Bootstrap popover行为

Question

我的列表看起来像这样：

<ul> 
  <li class="list">...</li>
  <li class="list">...</li>
  <li class="root">
    <ul>
      <li class="list">...</li>
      <li class="list">...</li>
    </ul>
  </li>
  ...
</ul>

我有过滤功能，可以获取所有列表元素（带有类列表）。 这些元素有popover标记，在过滤元素之前有效。

过滤获取所有列表元素，深度克隆它们，按名称过滤它们并隐藏原始列表，同时附加新列表（按预期工作）。 这些元素的所有功能都有效，但是popover失败了（事件被触发，但它添加/尝试添加popover到原始列表元素 - 它在左上角因为隐藏了它或者如果我删除它，它没有＆ ＃39; t得到表现。

我有什么遗漏，或者这里出了什么问题？

Answer 1

Popover是一个js功能，它被绑定到一个元素。如果克隆元素，则仍会将弹出框分配给同一元素。

您应该在创建克隆元素后在js中触发弹出窗口。最好删除旧元素，或者至少删除popover标记。

每次更改元素时，都应在js中触发弹出窗口。所以它可以分配给适当的元素。

我希望有帮助

干杯