Twitter Bootstrap彈出窗口未加載

我試過在一個較大的項目，不可能得到它的工作，要麼

看到我的jsfiddle

UPDATE：行，所以我得到它的工作，如果我手動添加$（「.pop」）酥料餅（）;但是我必須像那樣讓他們活躍起來嗎？

我想答案是肯定的......你有在自己的代碼中初始化他們得到它的工作......我發現這樣做的最簡單的方法，這是剛剛加入

$(function() { 
    $('a[rel="popover"]').popover(); 
});

來源

2011-12-10 Keith Mancuso

嘿基思，你當我看着它時，jsfiddle是空白的。可能應該添加代碼，或者只是刪除它。 –

據我所知，你確實需要像這樣初始化彈出。 Bootstrap不想掃描整個dom（太慢）來自動執行該操作。（引導站點引用：「出於性能方面的原因，Tooltip和Popover數據API可選。如果你想使用它們，只需指定一個選擇器選項。」） – ahmeij

我有類似的問題。正在尋找一個無JavaScript版本的引導彈出窗口，但它似乎不可能。如果你看看http://twitter.github.com/bootstrap/javascript.html#popover 在行709-718頁面的源代碼，你會看到，例如有類似的功能：

繼承人，對我

<a href="#" class="btn danger" 
      rel="popover" 
      data-original-title="title" 
      data-content="content">popover</a> 
<script> 
    $("a[rel=popover]").popover(); 
</script>

編輯工作的簡化版本：近期twitter boostrap的版本（現在是2.2.1），當你點擊彈出鏈接時，你可能會遇到一個問題，你會被帶到頁面的頂部。這個答案也許是有益的https://stackoverflow.com/a/13759775/341692。基本上，你的JS現在應該

<script> 
$("a[rel=popover]") 
    .popover() 
    .click(function(e) { 
     e.preventDefault(); 
    }); 
</script>

來源

2012-01-19 22:14:01 hajpoj

他是對的，你需要像上面那樣調用它w/JS。一種奇怪的原因是我可以通過使用適當的標記調用所有其他的。 – mdgrech

非常感謝。像魅力一樣工作。 –

對於它的價值，我回答了一個類似的問題here有關如何使用選擇器與引導tabs()函數。我敢打賭popover()是類似的。

來源

2012-01-04 17:16:03

見我的回答類似的問題，以獲得酥料餅和工具提示與剛參加工作的標記像其他引導插件：

How to get Twitter Bootstrap jQuery Elements (tooltip, popover, etc) working?

來源

2013-02-07 22:00:19

Twitter Bootstrap彈出窗口未加載

回答

相關問題