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

Question

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

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

jsfiddle here

Answer 1

在这两个解决方案中，您可能可以使用这个，通过 bootstrap 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 部分是相关的，因为它针对正确的元素。

fiddle :https://jsfiddle.net/eqsLp8gt/2/

编辑:

更新的 fiddle ，由 OP 建议，以便也可以使用箭头样式: https://jsfiddle.net/eqsLp8gt/3/