2012-06-24 75 views
1

我使用工具提示,它工作完美,但它似乎像我的HTML沒有正確驗證,由於rel ='tooltip'不是一個正確的值。twitter引導使用工具提示符合html5

所以,我改變了我的代碼如下

<a href="#" data-tooltip="tooltip" title="under construction" class="line-through tooltip-flag">Blog</a> 

和我的javascript如下

$("a[data-tooltip=tooltip]").tooltip(); 

,但沒有工作,當我試圖迫使$(「一[數據 - 。提示=提示]「)工具提示( '節目');我有一個JS錯誤。所以,我認爲tooltip.js需要看到rel ='tooltip'字段。所以,我用下面的代碼替換它

$(document).ready(function() { 

    // initialize all tooltips 
    $("[data-tooltip=tooltip]").attr('rel', 'tooltip'); 
    $("[data-tooltip=tooltip]").queue(function(){ 
     $("a[data-tooltip=tooltip]").tooltip(); 
     $(this).dequeue(); 
    }); 

}); 

但仍然無法獲得工具提示工作,任何想法?

UPDATE:下面 是JS錯誤我得到

data[option] is not a function 
[Break On This Error] 

if (typeof option == 'string') data[option]() 
+0

'rel =「tooltip」'無論如何對引導工具提示沒有任何意義。請參閱http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js發佈您獲得的JS錯誤會有幫助。 – Esailija

+0

嗨@Esailija我只是用js錯誤更新了我的帖子,希望它能幫助 –

回答

3

這個錯誤是因爲你重寫引導提示的內部實例數據。使用別的應該工作:

data-my-tooltip="something"

不要使用:

data-tooltip="something"

這就是說,你不需要datarel的。你可以簡單地給鏈接一個類class="this-is-a-tooltip",然後打電話$(".this-is-a-tooltip").tooltip()

+0

bootstrap中的那一行做了什麼,語法的長形式是什麼?最好的猜測是它只是設置作爲參數提供的「選項」字符串中的數據,但是現在,如果它是用於精神控制的外部代碼,我不會感到驚訝。我想這讓我容易受騙。 – u353