Bootstrap 克隆后的弹出窗口行为

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>

我有过滤器功能，可以获取所有列表元素（class 列表）。这些元素带有 popover 标签，它在过滤元素之前起作用。

过滤获取所有列表元素，深度克隆它们，按名称过滤它们并在附加新列表时隐藏原始列表（按预期工作）。这些元素的所有功能都有效，但 popover 失败（事件被触发，但它 adds/tries 将 popover 添加到原始列表元素 - 它位于左上角，因为它是隐藏的或者如果我删除它，它没有显示。

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

Answer 1

Popover 是一个 js 功能，它被分配给一个元素。如果您克隆一个元素，弹出窗口仍分配给同一元素。

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

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

希望对你有所帮助

干杯

Bootstrap 克隆后的弹出窗口行为

Bootstrap popover behaviour after cloning

javascript

twitter-bootstrap-3

popover