Можно ли скрыть заголовок от ссылки с помощью CSS?

Question

У меня есть элемент привязки с атрибутом title. Я хочу скрыть всплывающее окно, которое появляется при зависании над ним в окне браузера. В моем случае, это не возможно, чтобы сделать что-то вроде этого,

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

Из-за JQuery Mobile название будет появляться после того, как происходят определенные события (в основном каждый элемент якоря получает перерисовывать). Так что я надеюсь скрыть заголовок с помощью CSS.

Что-то вроде:

a[title] { 
    display : none; 
} 

не работает, так как он скрывает весь элемент привязки. Я хочу скрыть только заголовок. Возможно ли это? Всплывающее окно не должно отображаться.

Answer 1

По CSS не представляется возможным, так как с помощью CSS можно только добавляет содержимое в DOM (Tipically с :before :after и content: '...';, не удалить или изменить атрибуты.

Единственный способ создать живое пользовательское событие (ы . "change-something"):

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

и вызвать к каждому изменения:

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

Больше информации и демо здесь:

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

Answer 2

EDIT В соответствии с @ boltClock-й предложение, скажу я не чувствую, что CSS решение подходит здесь, как браузер решает, что делать с атрибутом title ссылки или что-то в этом роде. CSS, насколько мне известно, не может справиться с этой проблемой. Как уже упоминалось, использование jquery для замены заголовка пустой строкой не работает, потому что jquery mobile переписывает их в некоторых точках. Это, однако, будет работать независимо от JQM и не требует полного удаления атрибута title, который является важным для SEO.

Это работает:

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

надеюсь, что это помогает.

EDIT Я изменил свой первоначальный код $ ('body'). On ('mouseenter') на это после тестирования. это подтверждается работой.

Answer 3

пытается изменить свой код, используя этого

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

это удалит атрибут заголовка так, чтобы этикетка подсказки не будет появляться при наведении на ссылке

Answer 4

Используя следующий CSS свойство будет гарантировать, что текст название атрибута не отображается на парении:

pointer-events: none; 

Имейте в виду, что JS является лучшим решением, так как этого CSS свойства будет гарантировать, что элемент я никогда не является объектом каких-либо событий мыши.

Answer 5

Вы можете обернуть свой внутренний текст в промежутке и указать пустой атрибут title.

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