Question

我已经能够显示Twitter Bootstrap popovers，但是有没有办法在创建时为他们分配id，所以我可以操作它们？

到目前为止，我的代码是：的.js

$('#test-button').popover({content:'test.', trigger:'click'});
$('#test-button').popover('show');

html的

<a id='test-button' rel='popover'>

Answer 1

您可以使用几个选项来获取popover元素：

1）修改Boostrap Popover以接受选项对象上的id属性并将其注入模板（第102行）

2）使用id设置弹出框选项的html属性，例如

$('#test-button').popover({html: true, content: '<div id="test-popover-content">... </div>'})

然后通过

访问popover容器

var testPopover = $('#test-popover-content').parent().parent();

Answer 2

最简单的方法是使用您想要的ID指定template。

创建弹出窗口时使用的基本HTML。

popover的标题将被注入.popover-title。

popover的内容将被注入.popover内容。

.arrow将成为popover的箭头。

最外面的包装元素应该有.popover类。

这是默认模板值：

 '<div class="popover" role="tooltip">
     <div class="arrow"></div>¸
     <h3 class="popover-title"></h3>
     <div class="popover-content"></div>
  </div>'

你可以像这样使用它

$(#your-pop-over).popover({
     template:'<div id="your-id" class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'       
    });

是否可以为Twitter Bootstrap popover分配一个id？

2 个答案: