Question

如果在Firefox中查看，特定HTML元素的title属性不会显示在我的应用程序中。解决此问题的主题有多个。我无法找到符合我需要的溶剂。所以我问你是否可以请求帮助。

我有很多divs排队。在鼠标悬停时，每个div都应显示不同的值（标题）。 title属性在Chrome中运行良好但我需要一些类似于Firefox的东西。

title属性是从Javascript动态设置的！

我的Javascript：

dojo.connect(div, 'mousemove',rasterTimeDisplay);

function rasterTimeDisplay() {
dojo.attr(evt.target, 'title', "some new title");
 }

Answer 1

为什么不存储要在另一个属性中显示的数据？因为您使用javascript来提供数据存储属性，所以您可以随意使用。

例如，使用jQuery：

//I feed my data-storage attribute
$("#my_div").attr('my-data', '<h1>my content to be displayed</h1>');
//And then i bind the hover event to toggle displaying of this data
$("#my_div").hover(
    function(){
        $(this).html($(this).attr('my-data'));
    },
    function(){
        $(this).html('');
    }
);

或使用标准JavaScript：

document.getElementById('my_div').my_data = '<h1>my content to be displayed</h1>';
document.getElementById('my_div').onmouseover = function(){
    this.innerHTML = this.my_data;
};
document.getElementById('my_div').onmouseoout = function(){
    this.innerHTML = '';
};

Answer 2

对不起，如果我误解了你。但是，您是否尝试在悬停时触发title属性？但是title属性已在默认情况下悬停触发：

因此，如果您只是将属性添加到所需元素，您将获得有关悬停的额外信息。

var titles = document.getElementsByClassName('title');

for(var i = 0; i < titles.length; i++)
{
    titles[i].title = 'Hover information ' + i;
}

<强> jsFiddle

我对jQuery的方式感兴趣：

$('.title').attr('title', 'Hover information');

仍然不起作用？

步骤1：首先尝试在safe-mode中运行firefox客户端。你的问题现在可能已经解决了。如果是这种情况，请继续执行步骤2。否则......我建议你更新你的图形驱动程序或安装更新的版本。

步骤2：停用Hardware Acceleration(AH)。

在此处查看有关此问题的其他答案：https://support.mozilla.org/nl/questions/860902

<小时/> 现在，如果您只是想要一个解决方案，甚至让最老的Firefox浏览器支持这一点。你可以在这里找到一个：Tooltips (title="...") won't show in Firefox

我希望这能解决你的问题。

Firefox中的标题属性

2 个答案:

仍然不起作用？