twitter-bootstrap - 我可以在 Twitter 的 Bootstrap Popover 中添加一个 "Like"按钮吗？

Question

我有一个按钮，单击时会启动一个弹出窗口(就像这里的现场演示:http://twitter.github.com/bootstrap/javascript.html#popovers)

现在我想在弹出框的内容字段中添加一个简单的点赞按钮。那可能吗？目前，弹出框仅将链接显示为文本“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

我不完全确定您对“赞”按钮的含义。为了在弹出框上放置一个带有 anchor 文本“like”的按钮和一个指向“http://test.com”的链接:

1 从您的 <a> 中删除所有 data-xxx 引用。 -标签

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

2 像这样调用弹出框

$('#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为此并在内容中插入从那里生成的代码