2014-06-28 46 views
0

我在表格的單元格中包含了工具提示。這是我是如何做到的:通過Javascript設置Bootstrap工具提示的內容

<td data-container="body" data-toggle="tooltip" data-html="true" data-original-title="10.5">10.5</td> 

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

直到這裏,我沒有問題。現在,我想改變它的工作方式。我有兩個從數字到文本翻譯的字典。

dic1 = {'0':'zero','1':'one','2':'two','3':'three'....} 
dic2 = {'0.25':'a quarter','0.5':'half',....} 

表中的數字是標準的,所以沒有我在字典中沒有的東西。 我想將工具提示的標題更改爲:one half (1.5)而不是1.5。分割數字並從一個​​字典中獲取文本並從另一個字典中獲取文本,然後合併它們。

添加只是工具提示很容易,但現在我認爲我堆疊。

回答

1

我還沒有測試過,但是像這樣的東西應該可以工作。

$('.table td').each(function() { 
    var title = $(this).attr('data-original-title').split('.'); 
    $(this).attr('data-original-title', dic1[title[0]] + ' ' + 
     dic2['0.' + title[1]] + ' (' + title[0] + '.' + title[1] + ')'); 
}); 
+0

請編輯下面的答案。 1)在最後一個';'之前你錯過了一個括號。關閉'attr'的那個。 2)用'data-original-title'改變'title'。它的工作原理。請更改它,以便我可以選擇正確的答案。萬分感謝! – Tasos

+0

我不知道爲什麼它需要'數據原始標題',但我已經糾正它。很高興幫助,下次我會測試的東西。 :) – Ben