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

时间:2012-08-11 04:52:00

标签: javascript jquery twitter-bootstrap tooltip tipsy

也许我试图最大限度地提高工具提示功能,但我喜欢工具提示的风格,并且宁愿不添加另一个JS库。

Fiddle应该是非常自我解释的,但我尝试使用它,以便在工具提示显示时,insert元素可以随JS更改。

1 个答案:

答案 0 :(得分:1)

这是一个代表团问题。 Twitter引导程序Toolip使用动态元素进入DOM,并离开DOM。这意味着在DOM准备好时该元素不可用。

这是jQuery事件委托的亮点。

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

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