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' 
}) 

당신은 당신을 도울 수있는 것보다 이벤트가 DOMNodeInserted라고 있습니다

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

Answer 2

와 툴팁을 트리거 할 수 있습니다.

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