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

Question

我正在使用qTip2工具提示，我有一种情况，我想在屏幕上显示几个工具提示，但我希望它们在创建相应的 DOM 元素时出现。

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

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

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

Answer 1

有一个事件叫做DOMNodeInsertedthan can help you。

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

Answer 2

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

使用文档中的示例：

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

你可以触发工具提示

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