jquery - 拖放然后保存图像

Question

我正在建立一个具有管理和用户视图界面的足球网站。我有一个有球员的实体，有足球场的形象。现在我希望（管理员）将球员从某个列表（div 或其他）拖放到足球场。通过点击保存按钮（或其他东西），我希望玩家将被固定在地面上，这样用户就无法更改它们 - 只能查看。然后管理员可以编辑职位等。

最好的解决方案是什么？我可以用jQuery、html或我必须使用flash来做到这一点吗？

任何建议，最佳实践...

Answer 1

我会使用jQueryUI .sortable()扩展。只需链接您的播放器 div 以允许排序到目标 div。在拖动完成事件时，修改一些隐藏的表单变量以显示哪个玩家在什么位置，然后保存发布到服务器。然后使用您的权限系统，只需向非Admin的用户显示结果。