我有下面的代码,它会在鼠标悬停时(在链接上)显示一个弹出窗口:
<li id="menu-item-153" class="myClass">
<a href="http://mylink.com" data-tooltip=".myDataTooltip">Text</a>
<div class="myDataTooltip">I have some explaining to do!</div>
</li>
<script>
$(function(){
$("a").hover(function(e) {
$($(this).data("tooltip")).css({
left: e.pageX + 1,
top: e.pageY + 1
}).stop().show(100);
}, function() {
$($(this).data("tooltip")).hide();
});
});
</script>
我对pageX和PageY事件的理解是,它们会获取鼠标指针的坐标。在这种情况下,它将向所述坐标加 1 并在那里显示我的弹出框。
我想在一组固定的坐标处显示所述弹出框,即。在链接的顶部,描述框将显示。我尝试用固定坐标替换 e.pageX/Y + 1 公式,但描述框没有显示。
我想做的事是否可行?如果是,怎么办?
在此先感谢您(经过 1.5 小时的谷歌搜索和反复试验后,我还是一无所获)。
最佳答案
您缺少位置:“绝对”。
关于jquery - "Fixed"使用 pageX/pageY 的顶部和左侧坐标 - 这可能吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32903649/