Jquery Div-won'；t重新定位并显示在鼠标上方

尝试使一些信息框（.kontaktbox、.delovnicasbox）在我将鼠标移到页脚（.kontakt、.delovnicas）中的文本上时移动并显示。我希望它们出现在鼠标指针旁边，然后在鼠标不再悬停时再次消失（这就是我使用.mouseover/.mouseout的原因）。我的功能不起作用，不知道为什么。任何建议/帮助都将不胜感激

var-mouseX；
var mouseY；
$（文档）.mousemove（函数（e）{
mouseX=e.pageX；
mouseY=e.pageY；
});
$（“.kontakt”）.mouseover（函数（）{
$（'.kontaktbox'）.css({
“顶”：老鼠，
“左”：鼠标
}).fadeIn（“慢”）；
});
$（“.kontakt”）.mouseout（函数（）{
$（'.kontaktbox'）.fadeOut（'slow'）；
});
$（“.delovnicas”）.mouseover（函数（）{
$（'.delovnicasbox'）.css({
“顶”：老鼠，
“左”：鼠标
}).fadeIn（“慢”）；
});
$（“.delovnicas”）.mouseout（函数（）{
$（'.delovnicasbox'）.fadeOut（'slow'）；
});
正文{
/*奥扎杰斯特拉尼*/
背景图片：url（“images/background_test.jpg”）；
背景大小：80%；
背景重复：无重复；
背景位置：50%0%；
利润率最高：5%；
/*克伦杰·斯特拉尼*/
最小宽度：49.5em；
字体系列：verdana；
颜色：#000000；
}
/*斯普洛斯诺林基*/
a:链接{
文字装饰：无；
}
a:悬停{
文字装饰：无；
字体大小：粗体；
}
a:主动的{
文字装饰：无；
}
a:参观了{
文字装饰：无；
}
/*velikost celotne vsebine*/
.布局{
宽度：70%；
左边距：15%；
右边距：15%；
}
.横幅布置{
文本对齐：居中；
}
#ijs_标志{
显示：内联块；
}
#头号标志{
显示：内联块；
垂直对齐：顶部；
字体大小：粗体；
字体大小：200%；
}
托普梅努拉尤特先生{
文本对齐：居中；
}
#顶部菜单{
宽度：100%；
显示：内联块；
背景色：#330033；
边界半径：10px；
不透明度：0.7；
}
.menutext{
显示：内联块；
}
#林基斯{
浮动：左；
左缘：5%；
颜色：#ffffff；
}
#林肯{
浮动：对；
保证金权利：5%；
颜色：#ffffff；
}
.内容{
身高：100%；
}
/*集装箱箱*/
#链接面板{
显示：内联块；
浮动：左；
;
宽度：100%；
身高：100%；
边界半径：10px；
}
.linkboxdivider{
保证金：0；
填充：0；
宽度：38em；
高度：18em；
左边距：自动；
右边距：自动；
边缘顶部：0.5em；
}
.linkbox{
/*连杆箱定位*/
左边距：0.5em；
页边顶部：自动；
页边距底部：自动；
右边距：自动；
显示：内联块；
/*风格*/
背景色：#ffcc99；
填充：1%；
宽度：17em；
高度：17公分；
不透明度：0.7；
}
#诺沃斯蒂{
边界半径：30px 30px 0px 30px；
}
#克尼卡{
边界半径：30px 30px 30px 0px；
}
#čitalnica{
边界半径：30px 0px 30px 30px；
}
#塞维西{
边界半径：0px 30px 30px 30px；
}
.linkboxtitle{
字体大小：粗体；
字体大小：120%；
左缘：5%；
}
.linkboxlink{
颜色：#000000；
左缘：5%；
}
.页脚布局{
文本对齐：居中；
}
.页脚{
宽度：100%；
显示：内联块；
背景色：#330033；
边界半径：10px；
不透明度：0.7；
}
康塔克先生{
浮动：左；
左缘：5%；
显示：内联块；
颜色：#ffffff；
}
德洛夫尼卡斯先生{
浮动：对；
保证金权利：5%；
显示：内联块；
颜色：#ffffff；
}
/*纳比斯波德杰姆酒店*/
.页脚下{
宽度：100%；
填充：0；
字体大小：90%；
}
#版权所有{
浮动：左；
左缘：5%；
显示：内联块；
填充：0；
边际上限：0；
}
#管理员邮件{
垂直对齐：顶部；
浮动：对；
保证金权利：5%；
显示：内联块；
填充：0；
边际上限：0；
}
#adminmaillink{
颜色：#000000；
填充：0；
边际上限：0；
}
德洛夫尼卡斯{
背景色：#ffcc99；
填充：1%；
不透明度：0.7；
边界半径：30px；
边框：1px纯黑；
显示：无；
宽度：12em；
}
kontaktbox先生{
背景色：#ffcc99；
填充：1%；
不透明度：0.7；
边界半径：30px；
边框：1px纯黑；
显示：无；
宽度：12em；
}

多马查斯特兰兹南特韦诺信息中心
ZNANSTVENO INFORMACIJSKI中心

诺沃斯蒂

KNJIŽNICA


CD-ROM-i

服务
kontakt
德洛夫尼卡斯

©ZIC IJS。Vse pravice pridržane
spletni mojster:

旁白：8:00-17:30

宠物：8:00-17:00

乔伊夫斯特凡研究所

克尼卡

贾莫瓦39

1000卢布尔雅那



电话：+38614773304

传真：+38614773152



您使用了错误的选择器
id=“kontakt”
但在jQuery中，您在类中使用了
$（“.kontakt”）

另外，不要使用
mouseover
和
mouseout
而使用更好的
mouseenter
和
mouseleave
（或者简单地使用
.hover（）
方法）

您的jQuery也可以类似于：


var ttip;

$(document).mousemove(function(ev){
  ttip.css({left:ev.pageX, top:ev.pageY});
});

$("#kontakt").hover(function() {
  ttip = $('.kontaktbox').stop().fadeToggle();
});
$(".delovnicas").hover(function() {
  ttip = $('.delovnicasbox').stop().fadeToggle();
});

您只需将CSS
position
属性设置为工具提示，即可移动它们

.delovnicasbox, .kontaktbox {
  position:absolute;
}

您必须更改javascript中的选择器，它现在正在工作，请在整个页面中检查代码段。
你还必须有一个