jquery - 保存元素位置和大小（JQuery ui 可调整大小和可拖动）

Question

我是 jquery 甚至 javascript 的新手。我正在尝试创建一个系统，您可以在其中通过登录并拖动和调整 div 大小来编辑非常简单的静态页面。系统工作到您可以编辑站点的地步，但问题是如何保存 div 的坐标和大小。

系统不使用 mysql，因为登录仅适用于站点作者。我还想尝试不需要 javascript 来查看页面（通过 php 从文件中获取坐标和大小）。

所以，基本上我需要一种方法来检查 div 的宽度、高度、左侧和顶部，并在作者点击保存按钮时将它们存储到文件中。

Answer 1

您可以将变量存储在用户机器上的 cookie 中（jQuery 没有原生 cookie 支持，但这个插件提供给您）。

但是，这需要 Javascripw，您提到您不想需要它。但是，如果您希望用户能够在页面上拖动模块，那么如果没有 js 的帮助，您将无法做到这一点。

如果您确实想在服务器端存储这些数据，那么我建议不使用数据库的方法就是将它们存储在基于文件的缓存中。

Answer 2

使用 PHP 序列化将数据存储在序列化数组中，并通过 JSON（JavaScript 对象表示法）中的 AJAX 将它们提供给您的 javascript。

这样你就可以做到：

$s_my_data = unserialize(file_get_contents($s_my_filename));
$s_my_json_data = json_encode($s_my_data);

如果您通过 AJAX 阅读此内容，您将能够像访问 JavaScript 对象一样访问它，例如：

myObject.myProperty

希望这可以帮助 ;）