从生成的工具提示HTML引用触发器

时间:2018-10-17 13:19:24

标签: javascript css twitter-bootstrap

我需要根据触发它的元素来自定义生成的工具提示HTML,但是一旦显示工具提示,我就无法告诉是哪个工具提示了。

我也不能将data-container与id一起使用,因为这些触发元素有多个。

jsfiddle here

1 个答案:

答案 0 :(得分:1)

在这两种解决方案中,您可能可以使用该解决方案,通过引导程序3的inserted.bs.tooltip事件,您可以自定义工具提示。

$(document).on('inserted.bs.tooltip', function(e) {
    var tooltip = $(e.target).data('bs.tooltip');
    tooltip.$tip.find('.tooltip-inner').addClass($(e.target).data('tooltip-class'));
});

.find部分是相关的,因为它定位到适当的元素。

提琴:https://jsfiddle.net/eqsLp8gt/2/

编辑:

OP建议使用的更新小提琴,以便也可以使用箭头样式: https://jsfiddle.net/eqsLp8gt/3/