Question

在Google上找到解决方案我没有运气。我想在弹出窗口中添加一个链接。（我是新手，我正在使用名为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>

弹出窗口工作正常，但如何将链接放在弹出窗口中，这样只要弹出窗口打开，我就可以单击它？

由于

Answer 1

您可以更改data-content（您缺少-）以打开或链接锚点href内的新页面;要在您的popover中显示HTML，您必须使用data-html="true"属性。

文档：

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

参考：http://getbootstrap.com/javascript/#popovers

代码：

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

演示：http://jsfiddle.net/IrvinDominin/N5WTG/

Answer 2

您可以将一组选项传递给$('#example').popover()调用，其中一个是HTML。查看TWBS网站上的文档... http://getbootstrap.com/javascript/#popovers

如果您不想手动进行JavaScript调用，可以将data-html="true"添加到HTML元素中，并通过Bootstrap检测它是否自动化。

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

2 个答案: