Скрытие заголовка атрибута при наведении мыши

Question

Я пытался найти здесь много разных ответов на этот вопрос и пытался использовать их решения, но, похоже, это не сработало, например, это решение: Можно ли скрыть заголовок href?

Мой вопрос: как я могу скрыть всплывающую подсказку с атрибутом заголовка, когда пользователь наводит курсор на картинку?Я попытался использовать <span title=" ">text</span>, но во всплывающей подсказке заголовка отображался только пробел или атрибут заголовка диапазона.

Вот мой сайт .

Answer 1

Я разобрался с ответом на мой вопрос. Спасибо Gert G за то, что я начал! =] * * Тысяча одна

То, что я сделал для того, чтобы скрыть атрибут title, было сначала поместить все в цикл, потому что в противном случае он возьмет заголовок первой ссылки и применит его к изображению, на которое нажали:

$("a[rel='portfolio']").each(function(e) {

}

Затем я объявил переменную, которая содержит заголовок для любых элементов, к которым вы хотите применить их:

var title = $(this).attr("title");

После того, как я объявил переменную, я создал функцию, которая скрывает заголовок при наведении на него мышью, а затем снова добавляет заголовок при наведении на него мышью (с целью создания моего лайтбокса ColorBox).

$(this).mouseover(
        function() {
            $(this).attr('title','');
        }).mouseout(
            function() {
            $(this).attr('title', title);
    });

Чтобы заголовок просматривался при нажатии, необходимо добавить еще одну функцию:

$(this).click(
        function() {
            $(this).attr('title', title);
            }
        );

Собрав все это вместе, это выглядит так:

$("a[rel='portfolio']").each(function(e) {
    var title = $(this).attr('title');
    $(this).mouseover(
        function() {
            $(this).attr('title','');
        }).mouseout(
            function() {
            $(this).attr('title', title);
    });
    $(this).click(
    function() {
        $(this).attr('title', title);
        }
    );
});

Надеюсь, это поможет всем, кто ищет подобное или точное решение!

Вы можете проверить изменения здесь .

Answer 2

Я искал решение jquery, но я использую решение javascript, которое отлично работает для меня.Мне нужен атрибут «title» для передачи описательной информации о продукте / изображении, и в этой описательной информации были базовые HTML-теги, которые были необходимы.И поэтому всякий раз, когда кто-то наводит указатель мыши на изображение, появляется этот смешанный код и описание.Это было менее чем желательно, поэтому я использую следующий код, чтобы информация «заголовка» была скрыта во время наведения мыши, но информация заголовка по-прежнему доступна по щелчку

Добавьте это в свой код ссылки!Надеюсь, это кому-нибудь поможет:

onclick=\"javascript: this.title='description and or html goes here' ;\" 
onMouseOver=\"javascript: this.title='' ;

Ура!

Answer 3

Спасибо Абриэлю за решение, я преобразовал его в YUI 3, и ниже приведен код на случай, если кому-то понадобится

YUI().use('node', function(Y) { 
    Y.all("a[rel='portfolio']").each(function(node) {
        var title = node.get('title');
        node.on('mouseover', function(ev) {
            ev.target.set('title', ev.target.get('text'));
            ev.target.on('mouseout', function(e) {
                e.target.set('title', title);
            })
        })
        node.on('click', function(ev) {
            ev.target.set('title', title);
        })
    })
})

Answer 4

Я использовал его для подсказки, но она должна работать даже без нее.

Я вложил свою ссылку и вставил в нее заголовок.Чем во вложенное изображение я написал title = "" (с этим пробелом).

<a href="http://myweb.com" class="tooltip" id="facebook" title="Sing up to my Newsletter"
<img title=" " src="../img/email.png" alt="email icon" width="32">
</a>

Чем при наведении курсора на иконку электронной почты заголовок не отображается.

Answer 5

Работает так:

1: создайте свой собственный атрибут и вызовите его из лайтбокса

<a href="www.website.com" stitle="hello">click me</a>

2: переименовать атрибут заголовка в файле jquery в:

getAttribute('stitle')