Question

bootstrap popover currrently期望：

<a href="#" id="example" class="btn btn-danger"  rel="popover" data-content="It's so simple to create a tooltop for my website!" data-original-title="Twitter Bootstrap Popover">hover for popover</a>  

$("#example").popover({placement:'bottom'});

..希望您在模板中定义数据内容或在jquery中动态传递它。

无论如何它可以支持如下格式：

..能够在块中定义内容/标题

<div id="example">
<div class="original-title">
Twitter Bootstrap Popover
</div>
<div class="data-content">
It's so simple to create a tooltop for my website!
</div>
<a>hover for popover</a>
<div>

$("#example").popover({placement:'bottom'})

Answer 1

我认为可以使用javascript代码将这些div的内容提供给元素，但不推荐使用。

$("a").attr("data-title",$(".data-title").html()).attr(".data-content",$(".data-content").html());
$('a').popover({placement:'bottom'})

Answer 2

目前，不，因为popover脚本基本上是在功能上扩展了工具提示脚本，但没有什么是不可能的。您可以修改脚本并添加自定义data-attributes以自行支持您的标记，但是当更新到来时，如果您想支持您的修改或根本不更新，则必须再次执行此操作。

bootstrap popover内容设置

2 个答案: