引導3工具提示或彈出不起作用

我有一個Django應用程序與前端設計在Twitter引導3.所有我的造型和JS工作正常，包括模態等...但我不能我的生活得到的popstick的工具提示做任何事情......引導3工具提示或彈出不起作用

我不會在Firebug中拋出任何錯誤。

這裏是我包括順序：

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script src="{{ STATIC_URL }}js/bootstrap.min.js"></script>

這是我的一個例子呼籲我從引導現場直接過提示：

<a href="#" data-toggle="tooltip" title="first tooltip">Hover over me</a>

任何人有2個麻煩元素？

我相當確定這是愚蠢的，我已經做了。

所有其它JS影響引導3提供像模態&標籤工作正常...

來源

2013-08-23 xXPhenom22Xx

你不應該擁有'data-title'屬性，而不是'title'嗎？ – knownasilya

直接從引導站點複製示例。切換到數據標題，但仍然沒有發生...... 作爲一個側面說明，我也刪除了所有其他JS的情況下，有一些奇怪的衝突，但也沒有幫助。 – xXPhenom22Xx

看起來像某處的錯誤：http://jsfiddle.net/knownasilya/LhzwF/1/ 另請參閱我對@steakchasers答覆的評論。 – knownasilya

你只需要能夠通過JavaScript工具提示：

$('some id or class that you add to the above a tag').tooltip()

來源

2013-08-23 20:14:28 steakchaser

謝謝你，我知道這是愚蠢的... =） – xXPhenom22Xx

你不應該，因爲數據API是他們的第一類API，並且JavaScript是次要的。請參閱[這裏]（http://getbootstrap.com/javascript/#js-data-attrs）。 – knownasilya

當我添加了一塊JS開始工作時，我也認爲它不會被需要，但那絕對不是這種情況？ – xXPhenom22Xx

必須的工具提示使用jQuery初始化：

<a href="#" data-toggle="tooltip" title="Hooray!">Hover over me</a> 

<script> 
$(document).ready(function(){ 
    $('[data-toggle="tooltip"]').tooltip(); 
}); 
</script>

入住這link

來源

2016-06-06 15:31:13 gras

引導3工具提示或彈出不起作用

回答

相關問題