2012-06-29 3 views
0

'title'속성을 기반으로 맞춤 툴팁을 사용하고 기본 동작을 삭제하려고합니다. Firefox에서 잘 작동합니다. IE9에서는 작동하지 않습니다.IE9에서 기본 툴팁을 제거 할 수 없습니다.

나는 이런 식으로 뭔가를하고 있어요 :

$(element).on('mouseover mouseout', '[title], [tipText]', function (e) { 
       e.stopPropagation(); 
       e.preventDefault(); 
       if (e.type == 'mouseover') { 
         var org_elem = $(e.currentTarget); 
         var tipText = org_elem.attr('title'); 
         org_elem.attr('tipText', tipText); 
         org_elem.removeAttr('title'); 
//then I create custom tooltip which based on tipText attribute 
.... 

내가 IE9 모두 툴팁 (기본 및 사용자 정의)이 표시됩니다 요소 처음에 마우스를 이동합니다. 다른 모든 시간은 사용자 정의 툴팁 만 표시됩니다.

그래서 IE9에서 기본 툴팁을 방지하는 방법은 무엇입니까?

+0

HTML이로드 될 때 사용자 정의 툴팁을 적용해야하며 첫 번째 마우스 오버 후에 마우스 오버가 발생하기 전에 제목 속성을 제거해야합니다. –

답변

1

비워 뒀습니까?

org_elem.attr("title", ""); 
-1

대신 JQuery data 특성 및 방법을 사용하십시오. 이것은 그것이 만들어진 종류입니다.

대신에 :

var tipText = org_elem.data('title'); 

귀하의 HTML은 다음과 같습니다 :

<div data-title="text information that would show up on a tooltip"><div> 

대신 :

,691

var tipText = org_elem.attr('title'); 

이 같은 일 것입니다

<div title="text information that would show up on a tooltip"><div> 

실제로는 추가 tipText 속성이 필요하지 않습니다.

관련 문제