鼠标悬停标题属性

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);
        }
    );
});

我希望这有助于其他所有人寻找类似或这样的解决方案!

您可以在此处查看更改.