javascript - 鼠标点击的位置 div 并将位置存储在数据库中?

标签 javascript php jquery mysql

我试图将一个 div 定位在父 div 内单击鼠标的位置。

这工作正常,正如您在这里看到的:http://jsfiddle.net/7s2mykr9/1/

现在,我将该 div 的 topleft 值存储在 MYSQL 数据库中。

但是,当我从 mysql 数据库获取这些值并将它们用于页面上的 div 时,该 div 的位置与我最初单击的位置不同!我不知道为什么会发生这种情况。

这就是我从 mysql 获取顶部和左侧值并在页面内的 div 中使用它们的方法:

<div id="parentDiv">
<divstyle="position: absolute; z-index: 1000; width: 40px; height: 40px; border-radius: 50%; text-align: center; left: <?php echo $left; ?>; top: <?php echo $top; ?>">
</div>
</div>

有什么我遗漏的或者我需要改变什么吗?

如有任何帮助,我们将不胜感激。

提前致谢。

最佳答案

绝对定位 block 搜索最近的父级,该父级具有位置集,我认为这是您面临的问题。 定义 parentDiv 的位置(至少 position:relative)。

关于javascript - 鼠标点击的位置 div 并将位置存储在数据库中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32702899/

相关文章:

jquery - 使用 html2canvas 进行屏幕捕获

javascript - 打开对话框时如何禁用页面滚动?

javascript - 使用 jquery 的内部 CSS

javascript - html 导入 .appendChild 方法

javascript - 如何在点击时为另一个选择器切换悬停事件?

javascript - 我如何应用适用于有理数的阶乘公式,而不仅仅是整数?

php - 随机生成圆内坐标

javascript - ember 存储未定义

php - 使用php将数据从android传递到mysql

jquery - 如何防止在鼠标到达元素之前执行 CSS 悬停效果?