qTip2 - 在创建任何DOM对象时显示工具提示

Question

我正在使用qTip2处理工具提示，我想在屏幕上显示多个工具提示，但我希望每当创建相应的DOM元素时都会显示它们。

该元素是由第三方工具创建的，我无法控制它。

我花了几天时间浏览文档并尝试示例，但我似乎无法生成这个。我只是想在创建某个类的给定元素时显示工具提示，并且工具提示显示其某个HTML属性的内容。

这可以想象吗？我只能找到与点击或悬停已经存在的元素相关的答案，我找不到的任何内容似乎与后来可能出现的新元素相对应。

Answer 1

您应该能够使用trigger方法触发鼠标悬停事件来触发工具提示。

使用the documentation中的示例：

$('ul:last li.active').qtip({
   content: 'This is an active list element',
   show: 'mouseover',
   hide: 'mouseout'
})

您可以使用

触发工具提示

$('ul:last li.active').trigger('mouseover');

Answer 2

有一个名为DOMNodeInserted的活动可以帮到你。

$(document).on('DOMNodeInserted', function(e) {
    $(e.target).qtip({...});
});