用于阵容（用户界面）的动画/功能是什么？

Question

我正在建立一个足球游戏，并希望允许我的用户在线构建他们的阵容，而无需使用大量的JavaScript。

我希望在左侧显示列出的所有球员姓名和位置，而在右侧则是每个阵容位置的div。

我的两个选择是：

1）将玩家拖放到阵容中的位置

OR

2）点击一个播放器（突出显示）并点击该地点（该名称出现在阵容中，突出显示在左侧列表中消失）

哪个选项最简单？大多数情况下，您是否有任何脚本示例用于您建议的动画（比如2个玩家）我可以用作模型（顺便提一下，我在服务器上安装了Jquery）？我在网上发现的大多数拖放脚本都太复杂了，而且非常简单。

Answer 1

在我看来，从用户的角度来看，拖放会更好用。然而，这只是我的意见。

如果您想拖放，请查看jQuery UI。

Answer 2

这取决于您想要利用内置DnD功能的程度，但对于便携式解决方案，您可以查看类似此页面的内容，但我会更改它以便在您点击播放器时添加mousemove事件处理程序，并在mouseup上删除。

http://www.java2s.com/Code/JavaScript/Event/MouseDragandDrop.htm

您还可以考虑将Drag and Drop API用于支持它的浏览器，这会更简单。

https://developer.mozilla.org/en/dragdrop/drag_and_drop

但是，如果你想使用JQuery的解决方案也很简单。

基于我的回答DnD将是用户界面的最佳选择，我相信，但实现起来并不复杂，我给了你三个选择。就个人而言，我选择了前两者的混合。