html - 为什么我不能在 bootstrap popover 中使用 class 或 ids

Question

我正在尝试使用 bootstrap popover 创建一个弹出菜单。如果我执行 data-html="true"，我可以将 html 放入弹出窗口中。但是，当我开始在 div 上添加类名或 ID 时，它会破坏弹出窗口。

<a href="#" id="example" data-toggle="popover" data-placement="bottom" data-html="true"     title data-original-title="Test title"data-content="
 <div ="test">
  test content
  <ul>
    <li>d</li>
  </ul>
 </div>">

在弹出窗口之外呈现:

test content
d

知道发生了什么吗？

Answer 1

在您的 ID 或名称中使用单引号，因为双引号会破坏您的数据内容。

<a href="#" id="example" data-toggle="popover" data-placement="bottom" data-html="true"     title data-original-title="Test title"data-content="
 <div ='test'>
  test content
  <ul>
    <li>d</li>
  </ul>
 </div>" > </a>