我无法在鼠标单击的确切位置出现弹出窗口。我希望能够单击一个 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的定位有关吗?