javascript - Bootstrap 工具提示 : how to specify tooltip text using a javascript function

Question

bootstrap tooltip 允许我通过仅指定“title”属性来为元素指定工具提示:

<div title="This is a test tooltip"> ... </div>

有什么方法可以避免对工具提示内容进行硬编码，而是指定一个 javascript 函数吗？我试过 title="javascript:myFunction()"但它没有解决它。

我查看了 booststrap 代码，它似乎包含对函数调用的支持我只是想不通语法:

来自 Bootstrap 工具提示的片段:

, getTitle: function () { 
      var title
      , $e = this.$element
      , o = this.options

      title = $e.attr('data-original-title')
       || (typeof o.title == 'function' ? o.title.call($e[0]) :  o.title)

     return title
  }    

Answer 1

http://twitter.github.io/bootstrap/javascript.html#tooltips

给你的 div 一个 id 并调用

function titleSetter(node) {
   return "My Tooltip text";
}
$('#my-div-id').tooltip({
    title: 'My Tooltip text'
});

// or

$('#my-div-id').tooltip({
    title: titleSetter
})