通过Javascript设置Bootstrap工具提示的内容

时间:2014-06-28 10:25:25

标签: javascript jquery twitter-bootstrap tooltip

我在工作台的单元格中添加了工具提示。我是这样做的:

<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 个答案:

答案 0 :(得分: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] + ')');
});