Twitter Bootstrap彈出顯示在錯誤的地方

我有按鈕，當我點擊它時，彈出窗口（使用boostrap模式）與數據。我用twitter boostrap工具提示，一切工作正常。當我決定用popover替換工具提示時，我會遇到一些奇怪的問題。首先，我想讓彈出窗口在我懸停鏈接時顯示，但只有當我點擊鏈接時纔會顯示。次要彈出窗口出現在主窗口上，並且不會消失，無論我嘗試什麼。我只是想讓他出現在我的最後一個工具提示的boostrap模式上。Twitter Bootstrap彈出顯示在錯誤的地方

這是我的鏈接：

<a href="#" class="blob" data-html="true" data-triger="hover" data-original-title="A Title" data-content="bla bla bla">link</a>

JS：

$('.blob').popover();

我該如何解決？什麼錯？

來源

2013-03-03 Dennis

應該是''標籤上的'data-trigger'屬性嗎？ – 2013-03-03 19:35:05

它可能在標籤中寫入「data-trigger」屬性，另一種方式是將其寫入js $（'。blob'）。popover（{trigger：「hover」}）; – Dennis 2013-03-03 21:59:42

不知道爲什麼數據觸發屬性沒有工作，但使用JS初始化參數使得它的行爲傳遞選項，你打算：

$('.blob').popover({trigger: "hover"});

的jsfiddle這裏：

http://jsfiddle.net/dcasadevall/S8sXQ/1/

來源

2013-03-03 19:39:41 dcasadevall

感謝它運作良好，但不是在模態，所以我只是添加z-index：5000; – Dennis 2013-03-03 21:54:08

你拼寫錯誤，應該是：

<a href="#" class="blob" data-html="true" data-trigger="hover" data-original-title="A Title" data-content="bla bla bla">link</a>

隨着糾正它在jsfiddle爲我工作正常。

來源

2013-03-03 20:26:10

謝謝它太有用了，你說得對！我拼錯了。但它不適用於模式（彈出），所以我添加z-index：5000;對不起，我不會將你的答案標記爲正確的。唯一的原因是因爲dcasadevall首先回答。 – Dennis 2013-03-03 21:57:26

Twitter Bootstrap彈出顯示在錯誤的地方

回答

相關問題