CSS가있는 링크에서 제목을 숨길 수 있습니까?

Question

title 속성이있는 앵커 요소가 있습니다. 브라우저 창에서 마우스를 가져 가면 나타나는 팝업을 숨기려고합니다. 내 경우 ,

$("a").attr("title", ""); 

특정 이벤트가 발생 후 jQuery를 모바일의 제목이 다시 나타납니다 때문에

(기본적으로 매번 앵커 요소는 다시 그려됩니다) 같은 것을 할 수 없습니다. 그래서 CSS를 통해 제목을 숨기를 바랍니다. 같은

뭔가 : 그것은 전체 앵커 요소를 숨 깁니다 때문에

a[title] { 
    display : none; 
} 

이 작동하지 않습니다. 제목 만 숨기고 싶습니다. 이것은 가능한가? 팝업이 표시되지 않아야합니다. CSS와 만 DOM (tipically :before :after 및 content: '...';와, 그것을 제거하거나 속성을 변경할 수 없습니다.

유일한 방법은 라이브 사용자 정의 이벤트를 만드는 것입니다 (들에게 내용을 추가 할 수 있기 때문에 CSS에 의해

Answer 1

수 없습니다 . "change-something") :

$("a").on("change-something", function(event) { this.removeAttr("title"); });

및 트리거 모든 변화 :

... $("a").trigger("change-something");

여기에 정보와 데모 더보기 : @ boltClock의 제안 사항에 따라

http://api.jquery.com/trigger/
http://api.jquery.com/removeAttr/

Answer 2

편집을, 난 내가 CSS의 솔루션은으로, 여기에 적절하다고 생각하지 않습니다 말할 것이다 브라우저는 링크의 title 속성으로 무엇을 할 것인지 결정합니다. 내 지식으로는 CSS가이 문제를 처리 할 수 ​​없습니다. 언급 한 바와 같이 jquery를 사용하면 제목을 빈 문자열로 대체하는 것이 jquery mobile이 일부 지점에서 다시 작성하기 때문에 작동하지 않습니다. 그러나 이것은 JQM과는 독립적으로 작동하며 중요한 SEO 인 title 속성을 완전히 제거하지 않습니다.

이 작동 :이 도움이

$('a["title"]').on('mouseenter', function(e){ 
    e.preventDefault(); 
}); 

희망.

EDIT 테스트 후에 $ ('body'). on ('mouseenter')의 초기 코드가 변경되었습니다. 이것은 작동하는 것으로 확인되었습니다.힌트 라벨은 다음과 같은 CSS 속성을 사용하여 링크

Answer 3

시도는이

$(document).ready(function() { 
    $("a").removeAttr("title"); 
}); 

이 title 속성을 제거합니다 사용하여 코드를 변경하는 것을 제목 특성 텍스트는 마우스를 올릴 때 표시되지 않습니다.

pointer-events: none; 

이 CSS 속성은 요소 i 마우스 이벤트의 대상이 아닙니다.

Answer 4

에 가져가 보장됩니다 때 표시되지 않도록

Answer 5

스팬에 내부 텍스트를 래핑하고 빈 제목 속성을 부여 할 수 있습니다.

<a href="" title="Something" class=".some-tooltip-class"><span title="">Your text</span></a>