동적으로 jQuery qTip 코드로드

Question

애플리케이션을 작성하는 중 양식이 제출 될 때 동적으로 컨텐츠를 DIV에로드해야합니다.

이 동적으로로드 된 콘텐츠에는로드 할 때 자동으로 표시되는 몇 가지 툴팁이 필요합니다 (이벤트를 트리거 할 필요 없음). 툴팁 (onmouseover와 같은)을 트리거하는 이벤트가 필요한 대부분의 다른 툴팁과는 달리,이 작업을 수행하는 매개 변수가 있기 때문에 qTip을 선택했습니다.

 
$(function(){ 
    $('#someelement').qtip({ 
     content: 'This is the message!', 
     show: { ready: true, when: false }, 
     hide: { false }, 
     position: { 
      corner: { 
       target: 'topLeft', 
       tooltip: 'bottomRight' 
      } 
     }, 
     style: { 
         ............ styling code here................ 
      } 
     } 
    }) 
}); 

이것은 내가 그것을 시도 어떤 모양이나 형태로 잘 작동 :

이 이것을 달성하는 데 사용되는 qTip 코드입니다. 팁이 성공적으로 나타납니다.

그러나이 코드를 콘텐츠와 함께 동적으로로드하는 경우 툴팁이 표시되지 않습니다.

콘텐츠는 Malsup의 멋진 형식과 타코 네이트 플러그인을 사용하여로드됩니다.

모든 아이디어를 높이 평가하겠습니다!

물론 비슷한 효과를 내기 위해 사용할 수있는 다른 방법이나 플러그인에 대해 알고 있다면 부끄러워하지 말고 제안하십시오. :)

Answer 1

나는 전에이 문제를 겪어 왔는데, 어떻게 해결 했는가. 별도의 함수 내에서 플러그인 코드를 넣고 준비 문서에 그 전화 : 새로운 데이터를 추가 다시 함수를 호출 할 때 다음

$(function(){ 
    loadQtip(); 
}); 

function loadQtip() { 
    $('#someelement').qtip({ 
     content: 'This is the message!', 
     show: { ready: true, when: false }, 
     hide: { false }, 
     position: { 
      corner: { 
       target: 'topLeft', 
       tooltip: 'bottomRight' 
      } 
     }, 
     style: { 
         ............ styling code here................ 
      } 
     } 
    }) 
} 

을 : 당신은 클릭과 같은 이벤트를

... 
complete: function() { 
    loadQtip(); 
} 

찾을 수 있습니다 , 변경 등 .live() 메서드는 취급하지만, 요소에 대한 플러그인을 설정할 때 영구적 인 메서드가 없습니다.