我有一个 jquery 插件，它为 A 标签创建一个悬停在文本框上。
该插件的工作原理是从 A 标签的“标题属性”中提取文本，然后将其放入 div 标签（称为#hoverText）中。#hoeverText div 标签“绝对定位”距离 A 标签的 X 和 Y 坐标 10px。
但是，我的这部分代码不起作用，我不知道如何修复它。hoverText div 标签似乎停留在页面顶部。因此，如果我在页面底部有一个 A 标签，则 hoverText div 标签将不可见，因为它位于页面顶部
我已在此页面底部放置了我的插件的副本，非常感谢任何建议或帮助。
(function ($) {
$.fn.hoverText= function() {
$(this).after('<div id="hoverText"></div>' );
// if (title != undefined || title != ''){
$(this).mouseover(function(){
title = $(this).attr ('title');
$(this).attr( 'title', '');
}).mousemove(function(e) {
var top= e.clientY + 10;
var left= e.clientX + 10;
// $('#pos').text(top + ' ' + left );
$('#hoverText').css('top', top).css('left', left ).text(title).show();
}).mouseout(function() {
$(this).attr('title', title );
$('#hoverText').hide();
});
}
}) (jQuery);