JQuery Mobile(或替代)拖动和;掉落区域

时间:2012-02-10 21:11:38

标签: html5 jquery-ui jquery-mobile drag-and-drop jquery-ui-draggable

希望有人可以帮助我找到一个好的移动网络解决方案来处理用户界面,以便在“赢”,“地点”或“显示”的竞赛中挑选马匹。

我希望用户能够看到一个相对较短的列表,例如,带有小图片的马名,然后能够将它们拖动到3个放置区中的一个(每个放置区只接受一个且只有一个名称) 。然后应该告知服务器每个丢弃区域中的马的ID。理想情况下,如果掉落附近,名称会动画到放置区域,但也可以拍摄正确。

Rails后端但这应该不重要。

需要使用移动屏幕(触摸拖放)......以及理想的标准浏览器。 JQuery UI和JQuery Mobile与他们的“可排序”演示接近。但这似乎是为了重新组织一份清单。我需要帮助创建“删除区域”并将每个内容提交回服务器。

想法?也许有人在这些方面看到了一些示例代码?

1 个答案:

答案 0 :(得分:0)

类似的堆栈溢出问题: 如果你还没有,我会查看这个堆栈溢出问题。 Javascript Drag and drop for touch devices

第一种选择: There is this JQuery UI Drag drop and sortables blog by simon battersby

第二种选择: There is JQUery mobile drag and drop by Steve Fenton

第三种选择: 我试试sencha touch。它可能比你正在寻找的更多,但它是一个伟大的移动js框架,应该有你需要的。

http://www.sencha.com/forum/showthread.php?102154-Drag-drop-sort-in-Touch&p=659116#post659116