qTip2 - 클래스 변경시 사용되는 툴팁 내용 변경

Question

qTip2를 사용하고 있으며 툴팁이있는 링크 목록이 있습니다. 필자는 "데이터 표준"이라는 링크의 속성에서 툴팁 컨텐츠를 읽었습니다. 각 링크 옆에 체크 박스가 있으며 클릭하면 해당 링크의 클래스가 제거되고 다른 클래스가 추가됩니다. 링크가 이와 같이 변경되면 툴팁을 유지하고 다른 속성 ("데이터 변경됨")에서 읽으 려합니다.

또한 상자를 선택 취소하고 클래스를 되돌릴 때 변경 전과 같이 작동하고 싶습니다.

해결 방법은 있습니까? 이것은 내가 노력하고있어의 간단한 예는 물론 http://jsfiddle.net/trunkadelic/Xkvnt/1/

입니다 : 여기

$('.normal').qtip({ 
    content: { 
    text: function(api) { 
     return $(this).attr('data-normal'); 
     } 
    } 
}); 

$('.changed').qtip({ 
    content: { 
    text: function(api) { 
     return $(this).attr('data-changed'); 
     } 
    } 
}); 

내 문제의 jsfiddle입니다 : 여기

내가이 사용 코드의 조각 웹 사이트 자체에서해야 할 일.

Answer 1

$("a").qtip({ 
    content: { 
     text: function(api) { 
      if ($(this).hasClass('changed')) { 
       return $(this).attr('data-changed'); 
      } else { 
       return $(this).attr('data-normal'); 

      } 
     } 
    } 
}); 

이렇게하면됩니다. 업데이트 된 예는 다음과 같습니다. http://jsfiddle.net/Xkvnt/5/