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>

JSfiddle

但是它无法正常工作。我究竟做错了什么？

来源

2012-08-26 user1438003

我把它做两件事情的工作：

由于酥料饼依赖于工具提示，确保引导，tooltip.js之前自举popover.js包括在内。
激活与行的插件，像$('.container a').popover();

要在顶部弹出添加data-placement="top"到a标签。

来源

2012-08-26 00:51:42 Owlvark

另一个选项可能是使用$（'a [rel = popover]'）。popover（）确保所有的弹出都会被初始化。 –

谢谢猫头鹰和加里。赢得的组合是Owlvark＃1和@ Gary.S的代码。（猫头鹰＃2没有工作）。 Gary.S：你可以张贴你的答案，这样我就可以同时为你和复选框之一投票吗？ – user1438003

也只是想知道你们中的任何一个人是否可以使用'popover top'解决方案？ - 谢谢:) – user1438003

<a href="#" id="LinkId">Text</a>

在文件准备好，

$("#LinkId").popover({ title: '', content: "Popover Content", placement: 'left|top|etc', trigger: 'hover' });

所有你需要的是包括bootstrap.js。

来源

2012-08-28 18:34:36 pradeep

默认情况下不会初始化弹窗。如果您包含全包bootstrap.js（v 2.2,2.3），请将其初始化为：

$('a[data-toggle=popover]').popover();

来源

2013-02-20 15:23:16 pritam

正是我在找的！谢谢 – utahtwo

为什么，你猜，数据切换工作的Modals和下拉开箱，但不是弹出？ – solidau

Popovers不适用于bootstrap？

回答

相关问题