Twitter bootstrap 如何在Bootstrap中的弹出窗口中添加可单击链接
我在谷歌上没有找到解决这个问题的办法。 我试图在弹出窗口中添加链接。(我是新手,正在使用一个名为NEON的模板)我的代码如下所示: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
<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>