所以基本上我有一個頁面上的文本塊,基本上只有大約10個相同大小的文本框使用CSS。我希望能夠訂購這些 - 然後拖放一個。我可以編碼後端排序自己 - 任何人都可以推薦去哪裏前端拖放?我知道,jquery可能是我最好的選擇,但我從來沒有使用JavaScript,所以如果有任何類型的代碼已經爲此創建,那將是非常有用的。Jquery等使用鼠標移動內容塊?
謝謝!
所以基本上我有一個頁面上的文本塊,基本上只有大約10個相同大小的文本框使用CSS。我希望能夠訂購這些 - 然後拖放一個。我可以編碼後端排序自己 - 任何人都可以推薦去哪裏前端拖放?我知道,jquery可能是我最好的選擇,但我從來沒有使用JavaScript,所以如果有任何類型的代碼已經爲此創建,那將是非常有用的。Jquery等使用鼠標移動內容塊?
謝謝!
這裏的jQueryUI的的拖動和投擲的:
http://jqueryui.com/draggable/
http://jqueryui.com/droppable/
他們是那種善良可愛,但你想要的東西很可能不會做。
下面是如何實現拖放HTML5的方式相當簡單的解釋:
http://www.w3schools.com/html/html5_draganddrop.asp
(這主要是說服我實現我自己的,而不是等待更好的HTML5拖放支持。)
這裏是舊版本瀏覽器的例子:
http://luke.breuer.com/tutorial/javascript-drag-and-drop-tutorial.aspx
還有draggable.js(和它的jQuery端口),我也沒有推薦它。
這些例子其實並沒有包含任何有用的東西。例如。如果您想要定位對象的部分或空間BETWEEN對象怎麼辦?你如何根據頁面上發生的事情制定目標動態。這一切都變得非常快速。
對不起,沒有更簡單的答案。
https://www.google.com/search?q=jquery+drag+and+drop&oq=jquery+drag+and+drop –
我同意在發佈問題之前使用谷歌搜索非常有序,但請注意我已經嘗試了大部分的圖書館,他們都非常有限。 (我們最終爲此編寫了自己的庫,我會高興地發佈它,但它不是開源的(但是)。)如果您可以假設現代瀏覽器,HTML5內置拖動功能比我見過的庫更好(儘管有點複雜的工作)。 – podperson