2013-04-04 248 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