保存元素位置和大小（JQuery ui 可调整大小和可拖动）
我是 jquery 甚至 javascript 的新手。 我正在尝试创建一个系统，您可以通过登录并拖动和调整 div 大小来编辑非常简单的静态页面。 该系统可以正常工作，您可以编辑站点，但问题是如何保存 div 的坐标和大小。
该系统不使用mysql，因为登录仅适用于网站作者。 我还想尝试不需要 javascript 来查看页面（通过 php 从文件中获取坐标和大小）。
所以，基本上我需要一种方法来检查 div 宽度、高度、左侧和顶部，并在作者点击保存按钮时将它们存储到文件中。
I'm new to jquery and even javascript. I'm trying to create a system where you can edit very simple, static page by logging in and just dragging and resizing divs. The system works to the point where you get to edit the site, but the problem is how to save the coordinates and sizes of the divs.
The system doesn't use mysql, since the login is just for the site author. I'd also like to try to not require javascript to just view the page (get the coordinates and sizes from a file via php).
So, basically I need a way to check div width, height, left and top and store them into a file when the author hits the save-button.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您可以将变量存储在用户计算机上的 cookie 中（jQuery 没有本机 cookie 支持，但是 this插件将其提供给您）。
但是，这需要 Javascripw，您提到您不想需要它。 但是，如果您希望用户能够在页面上拖动模块，那么如果没有 js 的帮助，您将无法做到这一点。
如果您确实想在服务器端存储这些数据，那么除了使用数据库之外，我所能建议的就是将它们存储在基于文件的缓存中。
You could store the variables in a cookie on the user's machine (jQuery doesn't have native cookie support, but this plugin gives it to you).
However, that requires Javascripw, which you mention that you don't want to require. However, if you want the user to be able to drag modules on a page around, then you aren't going to be able to do this without the aid of js.
If you do want to store this data server-side, then all I can suggest short of using a database is to store them in a file-based cache.
使用 PHP 序列化将数据存储在序列化数组中，并通过 AJAX 以 JSON（JavaScript 对象表示法）将它们提供给您的 javascript。
这样你就可以做到：
如果你通过 AJAX 读取此内容，你将能够像 JavaScript 对象一样访问它，例如：
希望这会有所帮助;)
Use PHP Serialisation to store the data in serialised arrays and serve them to your javascript via AJAX in JSON (JavaScript Object Notation).
That way you can do:
If you read this in via AJAX you will be able to access it like a JavaScript object, e.g:
Hope this helps ;)