2012-09-21 16 views
0

我從來沒有做過這樣的事情,所以我猜測如何去做。如何在HTML頁面上實現拖放菜單?

我必須用兩列來實現一個頁面(html?jquery?php?)。第一列包含我想要從一列拖放到另一列的元素(一些平方圖像)。每個元素都有一個彼此不同的值,我想向用戶顯示總計達到第二列中丟棄的正方形值的總和的值。

只是爲了解釋自己:第一列中的每個元素都是代表健身房中可用路線的圖像。用戶可以在第二欄中拖動一個或多個課程,並且想要根據他決定遵循多少課程和哪些課程(在第二欄中拖動的課程)來想象每月的健身房總成本。

我該如何做這樣的事情?我想我必須使用jquery ...

回答

1

jQuery UI's draggable()將幫助。

如果所分配的每個可拖動的元素的數據,成本屬性,可以運行在止擋()事件計算求和元件的成本在第二列中。

JQuery用戶界面有一點的開銷,它的 - 特別是如果你使用提供的CSS /圖像文件 - 但你可以剝奪回來了不少,只包括你真正需要的東西。

Sortable()可能更接近你所需要的。

+0

正是我一直在尋找!謝謝! –

0

HTML5具有本地拖放功能。

http://www.html5rocks.com/en/tutorials/dnd/basics/

使對象拖動是簡單的。在要設置爲可移動的元素上設置draggable = true屬性。幾乎任何事物都可以啓用拖拽,包括圖像,鏈接,文件或其他DOM節點。