如何将元素放入Bootstrap 4数据内容?

时间:2017-06-15 20:51:22

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

我有一个Bootstrap弹出窗口,我在里面显示我的电子邮件。

但是,我想用邮件点击该文本:链接。问题是,显示的文本在引号内。我尝试用反引号来逃避它,但这会打破一切。

这就是我所拥有的:

<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>

1 个答案:

答案 0 :(得分: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