2012-03-02 109 views
4

我的javascript:引導提示不工作

<script> 
    $(function(){ 
     $('a[rel=tooltip]').tooltip(); 
    }); 
​</script> 

而我的HTML:

<br><br><br>This is an example of a sentence with a 
<a href="#" rel="tooltip" title="This is the tooltip!">tooltip</a>! 

這並不表明在引導2.0工具提示,但顯示了一些默認的。

+0

你需要更詳細地描述你的問題,因爲這裏沒有足夠的內容來確切地說出了什麼問題。默認情況下你的意思是什麼?張貼您的工具提示的截圖。發佈更多代碼,包括您在頁面上包含的JavaScript文件,包含的CSS以及任何嵌入的JavaScript。 – 2012-03-02 12:37:01

+0

我已經有..這是有點相關,爲什麼你要我發佈整個代碼? – 2012-03-02 20:09:24

+0

@AliGajani如果你發佈你的標記,這將有所幫助,只是爲了看看什麼js腳本被包括,什麼不是。 – 2012-03-05 11:43:46

回答

7

嘗試在頁腳中添加代碼。它爲我工作!由於某種原因,它不起作用!

+0

沒有。工作:) :) – 2012-03-06 22:47:03

+8

只需添加一個快速答:您必須添加主jQuery庫加載後的所有jQuery函數。它們也應該在$(document).ready()方法中調用。 – 2012-03-21 22:45:16

0

確保您已加載.tooltip類的所有CSS樣式。

沒有這些工具提示可能會顯示在瀏覽器窗口的可見部分之外。

5

比方說,你已經宣佈你的提示聲明如下:

<a href="#" rel="tooltip" class="tip" title="Rating:' + rating + '">'+ name +'</a> 

在同一個文件時,請確保您有:

<script type="text/javascript"> 
    $('.tip').tooltip(); 
</script> 

請注意,您應該參考這個代碼在它參考的HTML之後,或者包裝在

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.tip').tooltip(); 
    }); 
</script> 

另請注意,jQuery選擇器引用一類工具提示,而不僅僅是一個工具提示的id。