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

你错过了位置：＆＃34;绝对＆＃34;。

“固定”顶部＆amp;左侧坐标使用pageX / pageY - 是否可以？

1 个答案: