2012-12-05 2 views
1

qTip2를 사용하여 내 사이트의 일부 단추에 툴팁을 첨부하고 있습니다. 단추 중 하나를 클릭하면 볼 때 자신의 툴팁에 표시된 내용을 변경해야합니다.qTip2 : IE8에서 오류를 일으키는 redraw()

동일한 문제를 해결하고 example을 제공하는 this question on SO이 발견되었습니다. 예제의 관련 부분은 다음과 같습니다 기본적으로

var qapi = $('#test').data('qtip'), 
    newtip = 'new content'; 

qapi.options.content.text = newtip; 
qapi.elements.content.text(newtip); 
qapi.redraw(); 

, 당신은 툴팁을 얻을, 새로운 내용을 정의, 새로운 컨텐츠를 교환하고, 그 자리에 새로운 콘텐츠와 함께 자신을 다시 그리도록 툴팁에 redraw() 전화 .

비록이이 작동하고 예상대로 내용이 변경 되더라도이 예제와 내 사이트 자체 구현은 IE8에서 오류를 생성합니다! 다른 모든 브라우저에서도 작동하지만 오류는 발생하지 않습니다.

오류 :

qapi.redraw(); 

나는이 오류가 발생을 방지 할 수있는 방법이 있나요 : redraw()가 호출 라인에서

Object doesn't support this property or method 

? redraw() 함수가 작동하고 원하는대로 툴팁 내용이 변경 되더라도 오류로 인해 "딩 소리"가 들리고 IE의 상태 표시 줄에 경고 아이콘이 표시됩니다.

답변

1

reposition() 기능은 툴팁의 내용을 업데이트하고 새로운 내용이 다른 길이 인 경우 해당 요소를 기준으로 중앙에 유지되도록 위치를 재 지정합니다. 그래서 대신 :

qapi.redraw(); 

그냥 사용 : 동일한 효과를 가지고 있지만, IE8에서 오류를 제거한다

qapi.reposition(); 

합니다.

+0

대단히 감사합니다! – Alexey

관련 문제