Intereting Posts

Отключить всплывающие подсказки с помощью css

Есть ли способ отключить всплывающие подсказки тега в css?

Просто вставьте этот код внизу вашего в .

Этот код использует jQuery:

 $('.titleHidden').removeAttr('title'); 

Затем вам нужно добавить titleHidden classа titleHidden для каждого тега, когда вы хотите скрыть его всплывающую подсказку.

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

Я пытался создать подсказку с пузырьками в CSS, но подсказка для браузера всегда появлялась и беспорядочна. Итак, как и вы, мне нужно было отключить инструмент подсказки по умолчанию.

Я использовал немного jQuery для удаления тега «Заголовок», но только при наведении мыши. Как только мышь исчезнет, ​​тег «Заголовок» будет восстановлен.

Ниже приведен DIV с некоторым содержанием «Название»:

 
This is a test

Теперь вам нужно будет запустить следующий jQuery, чтобы скрыть тег Title при наведении мыши:

 $(document).ready(function(){ $(".tooltip-class").hover(function(){ $(this).attr("tooltip-data", $(this).attr("title")); $(this).removeAttr("title"); }, function(){ $(this).attr("title", $(this).attr("tooltip-data")); $(this).removeAttr("tooltip-data"); }); }); 

Обратите внимание, что этот код jQuery был протестирован в среде с jQuery версии 1.6.4.

Ниже приведена ссылка на полный пример:

http://jsfiddle.net/eliasb/emG6E/54/

$ (. Имя_class) .attr ( “название”, “”);

используя атрибут, будет искать заголовок и заменяется на «» (пустой). Попробуйте это, и подсказка инструмента не будет отображаться при наведении курсора.

    $(function(){ $('*').tooltip({ track: true }); $('*[title]').tooltip('disable'); }); 

Боюсь, это просто невозможно. Однако вы можете использовать Javascript для выделения заголовка ссылки, которая может позволить вам делать то, что вы хотите:

 document.getElementById('aid').title = ""; 

должен сделать трюк.

 $('a[title]').each(function (index, el) { var $tooltip = $('
') .css({ position: "absolute" , background: "url('../Images/space.gif')" , width: $(el).width() , height: $(el).height() , top: 0 , left: 0 , zIndex: 300 , border: "1px solid red" }) .on('click', function (event) { $(el).click(); }); $(this).after($tooltip);

})

Я знаю, что это старый вопрос, но тем временем это стало возможным благодаря CSS:

 pointer-events: none; 

Обратите внимание, что это также отключает возможность щелчка! Это было то, что мне было нужно, но, возможно, это не так для ОП.

cfr https://developer.mozilla.org/en/docs/Web/CSS/pointer-events

Вы можете сделать это так, чтобы атрибут title удален исключительно при наведении, а затем снова добавлен. Это делает его таким, чтобы ваш SEO оставался идентичным, но при наведении курсора текст подсказки отсутствует.

 $('a[title]').on('mouseenter', function () { var $this = $(this); $this.attr('title-cache', $this.attr('title')); $this.attr('title', ''); }); $('a[title]').on('mouseleave', function () { var $this = $(this); $this.attr('title', $this.attr('title-cache')); $this.attr('title-cache', ''); });