我有以下使用标题属性字符串的工具提示 JQuery 代码。我的问题是浏览器工具提示也会显示,但我不知道如何解决此问题。
function Tooltip() {
Form.append('<div class="Tooltip"></div>');
$('input, textarea, select, p, label').mousemove(function(e) {
var HoverText = $(this).attr('title');
var Tooltip = $('.Tooltip');
if(HoverText){
Tooltip.html(HoverText).fadeIn(100);
Tooltip.css('left', e.clientX + 15).css('top', e.clientY + 15);
}
}).mouseout(function() {
var Tooltip = $('.Tooltip');
Tooltip.fadeOut(100);
});
}
谢谢!
更新:
现在 title 属性被删除,值存储在 $.data 中。不幸的是,鼠标移动功能不能以这种方式工作......
function Tooltip() {
Form.append('<div class="Tooltip"></div>');
$('input, textarea, select, p, label').mousemove(function(e) {
$(this).data('title', $(this).attr('title')).removeAttr('title');
var HoverText = $(this).data('title');
var Tooltip = $('.Tooltip');
if(HoverText){
Tooltip.html(HoverText).fadeIn(100);
Tooltip.css('left', e.clientX + 15).css('top', e.clientY + 15);
}
}).mouseout(function() {
var Tooltip = $('.Tooltip');
Tooltip.fadeOut(100);
$(this).attr('title', $(this).data('title'));
});
}
最佳答案
var title = $(this).data('title');
var titleAttr = $(this).attr('title');
if( titleAttr && !title){
title = $(this).data('title', $(this).attr('title')).removeAttr('title');
}
关于JQuery 标题属性工具提示 - 删除浏览器工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8918766/