javascript - 设置页面上现有的工具提示和稍后加载的工具提示

Question

我有以下 CoffeeScript:

$ ->
  $("[rel='tooltip']").tooltip
    html: false
    delay: { show: 500, hide: 100 }
    placement: 'bottom'

这会在页面加载时设置 Twitter Bootstrap tooltips。我的问题是我将 AJAX 链接加载到选项卡中，并且需要在 AJAX 加载的内容中设置工具提示。我认为解决方案是使用 on，但我无法弄清楚要在哪个元素上调用它以及要使用什么事件。我尝试过:

$(document).on 'ready', "[rel='tooltip']", ->
  console.log 'setting up tooltips'

但是控制台消息从未出现，因此这似乎不起作用。

我想要一段代码来设置加载时页面上的任何工具提示，以及将来出现的任何工具提示。

编辑: charlietfl's answer 做到了!在我的 $ -> 回调之外，我放置了:

$(document).tooltip
  selector: "[rel='tooltip']"
  html: false
  delay: { show: 500, hide: 100 }
  placement: 'bottom'

现在页面中已有的工具提示已设置完毕，并且 AJAX 加载选项卡中出现的新工具提示也已设置完毕。

Answer 1

Bootstrap 已经内置了委托(delegate)方法。使用 selector 选项来委托(delegate)代码运行时不存在的 future 元素:

$(document).tooltip({
     selector: "[rel='tooltip']"
      /* other options*/
})

引用:http://twitter.github.com/bootstrap/javascript.html#tooltips