Question

我有一个按钮，可以在点击时启动弹出窗口（就像现场演示一样：http://twitter.github.com/bootstrap/javascript.html#popovers）

现在我想在popover的内容字段中添加一个简单的按钮。那可能吗？目前，popover仅将链接显示为文本“http://test.com”

目前：

<a href="#" id="example" rel="popover" data-content="http://test.com" data-original-title="Like"><img src="img/specialbutton.png"></a>

Answer 1

我并不完全确定你用一个像按钮的意思。为了在popover上放置一个带有“like”的anchortext按钮和一个指向“http://test.com”的链接：

1从<a> - 标记

中删除所有data-xxx引用

<a href="#" id="example" rel="popover"><img src="img/specialbutton.png"></a>

2像这样调用popover

$('#example').popover({
  placement: 'right',
  title: 'Like this website?',
  html: true,
  content: '<button class="btn"><a href="http://test.com">Like</a></button>'
});

您可以在content中放置多种类型的HTML标签，也许您想要各种社交媒体的按钮？如果你想添加一个facebook按钮，你必须按照guidelines进行操作，然后在内容中插入从那里生成的代码

我可以在Twitter的Bootstrap Popover中添加一个“赞”按钮吗？

1 个答案: