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

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

<a>1 从您的-tag中删除所有 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>'
});

您可以在 中放置多种类型的 HTML 标记content，也许您想要一组用于各种社交媒体的按钮？如果你想添加一个 facebook 按钮，你必须遵循这方面的指导方针，并在内容中插入从那里生成的代码