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？

回答

相關問題