2013-02-07 2 views
3

작은 응용 프로그램으로 다시 약간의 문제가 있습니다. 은 here입니다.jQuery 툴팁을 사용할 때 IE에서 네이티브 툴팁을 숨기는 방법?

Chrome, Firefox, ... 모두 정상적으로 실행됩니다. 인터넷 익스플로러에는 약간의 문제가 있습니다.

jQuery UI ToolTip을 사용하고 있기 때문에 기본 툴팁이 표시되지 않을 수 있습니다 ... Internet Explorer에서는 어쨌든 나타납니다.

이 작은 문제를 해결하는 방법을 아는 사람이 있습니까?

감사합니다.

+0

IE 9.0.12에서 작동 – Swarne27

+0

@Swarnajith 동일한 브라우저에서 OPs 오류를 재현 할 수 있습니다. 때로는 절대 나타나지 않을 것입니다 - 개발자 도구 창이 열릴 때 =) –

+0

이것은'area' 요소의'title' 속성으로 인해 발생했을 가능성이 큽니다. 해결 방법은 Alex의 대답을 참조하십시오. – Boaz

답변

2

title 속성을 사용하지 않는 것이 좋습니다. 예를 들어, data-title 속성 또는 data-으로 시작하는 다른 이름을 대신 사용할 수 있습니다. 그 후 items 플러그인의 옵션을 사용하여 필수 속성을 지정하십시오 :

$('area').tooltip({ items: 'area[data-title]' }); 
+0

불행히도 속성 데이터 - 제목 및 항목 옵션을 설정하면 툴팁이 전혀 표시되지 않습니다. –

+0

jsfiddle.net에서 코드 샘플을 제공해 주시겠습니까? 나는 그것이 단지 '항목'에 대한 올바른 선택자의 문제라고 생각한다. –

0

@Alex G.P. "항목"옵션 만 사용한 경우 전혀 표시되지 않았습니다. 나는뿐만 아니라 "컨텐츠"옵션을 추가했다 :

$("area").tooltip({ track: true, items: "area[data-title]", content: function() { return $(this).attr("data-title")} });

이 지금은 잘 작동 :) 어쨌든 감사합니다!

관련 문제