브라우저의 기본 도구 설명을 제거하려면 어떻게합니까?

jQuery (1.6.4)를 사용하고 약간 수정 된 버전 this method을 사용하여 웹 앱에 직접 툴팁을 추가합니다. (기본적으로 테이블을 동적으로 생성하고 누군가가 상기 테이블의 각 셀 위로 이동하면 다른 툴팁을 배치합니다.) 툴팁이 내 코드에 나타나면 JSON 호출을 실행하여 자세한 정보를 얻은 다음 툴팁에 표시합니다. 예상대로 파이어 폭스 (위의 코드에서 tipBodyString) 툴팁을 업데이트 할 때 내가 사용하는 HTML 문자열을 에코 툴팁을 표시하는 것을 제외하고브라우저의 기본 도구 설명을 제거하려면 어떻게합니까?

$('table#status_table td').live('mouseover', function() { 
     // Append the tooltip template and its value 
     // make it a loading graphic until we complete fetching the data 
     $(this).append('<div id="tooltip"><div class="tipHeader"></div><div title="" alt="" id="tooltip_area" class="tipBody"><img src="spinner_black.gif" alt="Wait..."></div><div class="tipFooter"></div></div>');  
     // fetch data 
     $.getJSON('cgi-bin/get_more_information.cgi', function(data) { 
        var results = data.results; 
        tipBodyString = '<em>(insert results here)</em>'; 
        $('#tooltip_area').html(tipBodyString); 
      }); 
     });

모든 것이 작동합니다. 여기 내 뜻을 설명하는 스크린 샷이 있습니다.

처음에는

Damn tooltips!

난 그냥 파이어 폭스는이 일이라고 생각하지만 나는 크롬과 사파리에서 그것을 시도하고뿐만 아니라 원치 않는 도구 설명을 표시합니다.

이 도구 설명이 왜 표시되는지는 알 수 없습니다. 더 중요한 것은, 그 (것)들을 제거하는 어떤 방법 있는가? 툴팁에 대한 독점 정보를 내 앱으로 이동하고 싶습니다.

출처

2012-01-15 Donald Burr

jQuery를 사용하고 있으므로 툴팁 플러그인 중 하나를 사용하는 것이 좋습니다. 우리는 꽤 좋은 직장에서 현재 프로젝트에 하나를 사용합니다 (그러나 나는 어느 것을 잊었습니다). 플러그인을 사용하고 싶지 않더라도 어떻게 작동하는지 살펴볼 수 있습니다 ... – nnnnnn

빈 값을 가진 title 속성을 툴팁이 필요없는 요소로 설정하십시오.

출처

2012-01-15 05:51:30 ShankarSangoli

좋아, 지금은 어리 석다. 나는 빈 제목 속성을 설정하려고 시도했지만 ... 지금 나는 잘못된 곳에서 그것을 한 것을 봅니다. * 수치 스럽다 * –

너무 빨리 말하기 :(툴팁은 여전히 어디에 있든 상관없이 'title = ""'을 덧붙인다. –

@dburr 나는 링크를 보거나, 이것을 재현하는 것이 흥미로울 것이다. 파이어 폭스는 "title"속성의 내용 만 툴팁으로 처리합니다. – Sinetheta

브라우저의 기본 도구 설명을 제거하려면 어떻게합니까?

답변

관련 문제