是否有可能分配一个id,一个Twitter的引导酥料饼?(Is it possible to ass

2019-09-23 03:14发布

我已经能够获得Twitter的引导popovers显示,但有没有分配的ID给他们创造这样我就可以对其进行操作的方法吗?

继承人我到目前为止的代码:.js文件

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

html的

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

Answer 1:

有一对夫妇,你可以用它来获得酥料饼的元素选项:

1)修改自举酥料饼接受id属性的选项对象和该注入到模板(行:102)

2)使用一个ID如设置上酥料饼的选项html属性

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

然后通过访问酥料饼的容器

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


Answer 2:

最简单的方法是指定一个模板,你想要的ID。

基本的HTML创建酥料饼时使用。

该酥料饼的标题将被注入到.popover标题。

该酥料饼的内容将被注入到.popover内容。

.arrow将成为酥料饼的箭头。

最外层的包装元素应该有.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>'       
    });


文章来源: Is it possible to assign an id to a Twitter Bootstrap popover?