2014-05-24 34 views
-1

我正在嘗試使用Bootstraps工具提示。但我只是沒有得到它的工作。它沒有出現。無論我嘗試。我得到了所有最新的Jquery,Javascripts已加載。我測試了他們是否真正按照URL工作。Bootstrap工具提示不起作用(無論我嘗試)

我跟很多教程,閱讀文檔,但沒有運氣:/

這是我的JavaScript切換完整代碼: https://gist.github.com/matthijs110/1e7fc36902b0da5184aa

爲了節省您的搜索,這裏是腳本:

<script> 
    $(function(){ 
     $('#domain').tooltip(animation) 
     }) 
    }); 
</script> 

這裏是它應該懸停切換文本:

<h4 id="domain" data-toggle="tooltip" title="first tooltip">play.domain.com</h4> 

我只是不知道什麼是錯的。我也試過了A標籤。但我已經讀過H4等的地方。

回答

0

您必須使用:

  • jQuery的1.8.3.js
  • bootstrap.min.css
  • bootstrap.min.js

我編輯代碼:

<div class='my_div'> 
<a href="#" class="marker" title="Tooltip on right">hover me</a> 
</div> 

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){ 
$(document).ready(function(){ 
    $(".marker").tooltip({placement: 'right'}); 
}); 
});//]]> 

</script> 

view on http://jsfiddle.net/ytpAy/314/

編輯: 改變的提示方向,在placement: 'right'使用bottomtopleftright

+0

我不知道我有多麼感謝你!它終於起作用了:D還有一個問題是,是否有可能使工具提示居中? – Matt

+0

@Matt:在中心展示,在展示位置:'right''使用'bottom' – mghhgm

+0

Ya我明白了,但是我發現的東西,工具提示本身就在文本的中心:http:// puu.sh/8ZbRc.png – Matt