如何将元素放入 Bootstrap 4 数据内容中？答案

【问题标题】：How to put element inside Bootstrap 4 data-content?如何将元素放入 Bootstrap 4 数据内容中？
【发布时间】：2017-06-16 05:04:39
【问题描述】：

我有一个 Bootstrap 弹出窗口，在其中显示我的电子邮件。

但是，我想通过 mail:to 链接使该文本可点击。问题是，显示的文本在引号内。我尝试用反引号转义它，但这破坏了一切。

这是我所拥有的：

<p><a href="#" role="button" class="btn btn-secondary popover-test" data-toggle="popover" title="Email me:"
                  data-content="'<a href="mailto:someone@example.com?Subject=Hello%20again" target="_top">'Send Mail to:</a> templenaylor@gmail.com">Contact Me</a></p>

【问题讨论】：

标签： jquery html css twitter-bootstrap bootstrap-modal

【解决方案1】：

使用data-html="true"

<p><a href="#" role="button" class="btn btn-secondary popover-test" data-html="true" data-toggle="popover" title="Email me:" data-content="<a href=&quot;mailto:someone@example.com?Subject=Hello&quot; target=&quot;_top&quot;>Send Mail to:</a> templenaylor@gmail.com">Contact
        Me</a>
</p>

https://www.codeply.com/go/gnyGL0nWCc

【讨论】：