Twitter Bootstrap - 带有动态变化插入的工具提示

【问题标题】：Twitter Bootstrap - tooltip with a dynamically changing insertTwitter Bootstrap - 带有动态变化插入的工具提示
【发布时间】：2012-08-11 04:52:00
【问题描述】：

也许我试图最大限度地利用工具提示功能，但我喜欢工具提示的风格，并且不希望添加另一个 JS 库。

Fiddle 应该是不言自明的，但我尝试使用它，以便在显示工具提示时插入元素可以随 JS 更改。

【问题讨论】：

【解决方案1】：

这是一个授权问题。 Twitter 引导工具提示使用动态元素进入 DOM，并离开 DOM。这意味着该元素在 DOM 就绪时不可用。

这是 jQuery 事件委托的亮点。

$(document).on('click', '.insert', function() {
    $(this).css('height', '200px');
});

这个想法是将点击处理程序附加到静态父元素。这样，我们可以确保在选择器范围内的所有当前和未来元素上调用方法，在本例中为 '.insert'

【讨论】：