相关疑难解决方法(0)

在鼠标位置上显示弹出窗口

我无法在鼠标单击的确切位置出现弹出窗口。我希望能够单击一个 DIV(位于表格单元格内),并在单击该 div 时显示一个弹出窗口。

现在我的弹出窗口正在工作,但是无论我尝试什么,弹出 DIV 都位于页面的中间位置。

超文本标记语言

<ul class="customdropdown" style="display:none;" id="xxx<?php echo $fetch['unit_no']; ?>" role="menu" aria-labelledby="menuitems">
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#"</i>Link 1</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#"</i>Link 2</a></li>

</ul>
Run Code Online (Sandbox Code Playgroud)

查询

$(document).ready(function () {
        $('#myDiv<?php echo $fetch['unit_no']; ?>').click(function (e) {
            var myDiv = document.getElementById('myDiv<?php echo $fetch['unit_no']; ?>');
            var leftx = e.pageX-myDiv.offsetLeft;
            var topy = e.pageY-myDiv.offsetTop;

            $("#xxx<?php echo $fetch['unit_no']; ?>")
                .css({
                    position: 'absolute',
                    left: leftx,
                    top: topy,
                    display: 'block'
                })
           
        });
    });
Run Code Online (Sandbox Code Playgroud)

下面是发生的情况的屏幕截图:

在此输入图像描述

这和DIV的定位有关吗?

html javascript jquery

2
推荐指数
1
解决办法
9058
查看次数

标签 统计

html ×1

javascript ×1

jquery ×1