Twitter bootstrap 如何在Bootstrap中的弹出窗口中添加可单击链接

Twitter bootstrap 如何在Bootstrap中的弹出窗口中添加可单击链接,twitter-bootstrap,Twitter Bootstrap,我在谷歌上没有找到解决这个问题的办法。 我试图在弹出窗口中添加链接。(我是新手,正在使用一个名为NEON的模板)我的代码如下所示: <button type="button" class="btn btn-success" data-toggle="popover" data-trigger="click" data-placement="top" data-original-title="Facebook" datacontent="htt

我在谷歌上没有找到解决这个问题的办法。 我试图在弹出窗口中添加链接。(我是新手,正在使用一个名为NEON的模板)我的代码如下所示:

<button type="button"
    class="btn btn-success"
    data-toggle="popover"
    data-trigger="click"
    data-placement="top"
    data-original-title="Facebook"
    datacontent="https://www.facebook.com/carparknorth"
><i class="entypo-check"></i></button>

弹出窗口工作正常,但如何将链接放置在弹出窗口中,以便在弹出窗口打开时单击它


谢谢

您可以将一组选项传递给
$(“#示例”).popover()
调用,其中一个是HTML。查看TWBS网站上的文档


如果您不想手动进行JavaScript调用,可以将
data html=“true”
添加到html元素中,它将通过引导自动检测。

您可以更改
数据内容
(缺少
-
)以打开或链接锚href中的新页面;要在popover中显示HTML,必须使用
datahtml=“true”
属性

文件:

在弹出窗口中插入HTML。如果为false,jQuery的文本方法将为 用于将内容插入DOM。如果您担心,请使用文本 XSS攻击

参考:

代码:


演示:

<button type="button"
    class="btn btn-success"
    data-toggle="popover"
    data-trigger="click"
    data-original-title="Facebook"
    data-html="true"
    data-content="<a href='https://www.facebook.com/carparknorth'>facebook link</a>"
><i class="entypo-check"></i></button>