javascript - 获取 CSS 值并将其更新为 SQL

Question

伙计们，

我有一个 div，我用这样的 css 制作:

echo '#'. $pess2['naam'] .' { width: 190px; height: 90px; padding: 0.5em; float: left; left:'. $pess2['left'] .'px; top:'. $pess2['top'] .'px; visibility:'. $view .'; }'

现在，当我移动那个 div 时:

$( "#3" ).draggable({ containment: "#containment-wrapper", scroll: false });

我想将它上传到我的数据库。我的问题是；我怎样才能在 PhP 中获得新的左侧和顶部(x 和 y)值？

Answer 1

如 Wietse 所述，使用停止事件 ( http://jqueryui.com/draggable/#events ) 来检测拖动何时停止。在停止事件中，您可以使用 javascript getBoundingClientRect() 获取 DOM 元素在屏幕上的位置。

提取精确坐标后，使用您喜欢的语言将数据发布到服务器并更新数据库。

我创建了一个 fiddle 来解释 .getBoundingClientRect() 是如何工作的 http://jsfiddle.net/B62vM/