Popovers不适用于bootstrap?
问题描述:
继我复制了documentation:Popovers不适用于bootstrap?
<div class="container">
<div class="row">
<div class="bs-docs-example" style="padding-bottom: 24px;">
<a href="#" class="btn btn-large btn-danger" rel="popover" data-content="And here's some amazing content. It's very engaging. right?"
data-original-title="A Title">Click to toggle popover</a>
</div>
</div>
</div>
但是它无法正常工作。我究竟做错了什么?
答
我把它做两件事情的工作:
由于酥料饼依赖于工具提示,确保引导,tooltip.js之前自举popover.js包括在内。
激活与行的插件,像
$('.container a').popover();
要在顶部弹出添加data-placement="top"
到a
标签。
答
<a href="#" id="LinkId">Text</a>
在文件准备好,
$("#LinkId").popover({ title: '', content: "Popover Content", placement: 'left|top|etc', trigger: 'hover' });
所有你需要的是包括bootstrap.js
。
另一个选项可能是使用$('a [rel = popover]')。popover()确保所有的弹出都会被初始化。 –
谢谢猫头鹰和加里。赢得的组合是Owlvark#1和@ Gary.S的代码。 (猫头鹰#2没有工作)。 Gary.S:你可以张贴你的答案,这样我就可以同时为你和复选框之一投票吗? – user1438003
也只是想知道你们中的任何一个人是否可以使用'popover top'解决方案? - 谢谢:) – user1438003