html - 为什么我不能在 bootstrap poppver 中使用类或 ID

Question

我正在尝试使用引导弹出框创建弹出菜单。如果我执行 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>