jquery - "Fixed"使用 pageX/pageY 的顶部和左侧坐标 - 这可能吗？

Question

我有下面的代码，它会在鼠标悬停时(在链接上)显示一个弹出窗口:

    <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 小时的谷歌搜索和反复试验后，我还是一无所获)。

Answer 1

您缺少位置:“绝对”。