2013-04-04 250 views
1

我所见过的所有可拖动元素的示例都有一个特定的可拖动元素可以放置的目标。是否可以在屏幕上的任何位置放置元素而不指定目的地?html5可拖动 - 任意放置位置?

我有一个地图(ThinkGeo)与来自数据库的一些特定区域。当用户点击/触摸这些区域时,我会在弹出窗口中显示这些区域的描述。弹出窗口只是我显示并隐藏的div。

用户希望能够在地图上的弹出式div上移动。这甚至有可能吗?

回答

3

当然是可能的,并很容易使用jQuery UI:

$("#elementId").draggable(); 

而对于触摸事件垫片:

http://touchpunch.furf.com/其在584个字节,是相当轻巧。

+0

这与将draggable =“true”添加到元素相同。在查看地图时,我想移动元素使其不能正常工作,因此设置特定的拖放区域在此处不起作用。 – WhatsInAName 2013-04-04 22:59:18

+0

我不确定我是否完全理解了您。通过jQueryUI拖动不依赖于放置它的地方。它只是将它移动到任何地方的能力。 http://jqueryui.com/draggable/什么不给你,你需要? – 2013-04-04 23:03:01

+0

谢谢,但它不支持触摸事件。 – WhatsInAName 2013-04-04 23:09:11