0

我从来没有做过这样的事情，所以我在猜测怎么做。

我必须实现一个包含两列的页面（html？jquery？php？）。第一列包含我想从一列拖放到另一列的元素（许多平方图像）。每个元素都有一个彼此不同的值，我想向用户展示完全达到的值，将第二列中的平方值相加。

只是为了解释我自己：第一列中的每个元素都是代表健身房中可用课程的图像。用户可以在第二列中拖入一门或多门课程，并且想要可视化健身房的每月总费用，具体取决于他决定学习的课程数量和课程（拖到第二列中的课程）。

我怎么能做这样的事情？我想我必须使用jquery ...

4

3 回答 3

1

jQuery UI 的 draggable()将对此有所帮助。

如果为每个可拖动元素分配一个 data-cost 属性，则可以对 stop() 事件运行计算以求和第二列中元素的成本。

JQuery UI 有一点开销——特别是如果你使用提供的 CSS/图像文件——但你可以把它剥离很多，只包含你真正需要的东西。

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

于 2012-09-21T14:48:56.330 回答
0

HTML5 具有原生拖放功能。

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

使对象可拖动很简单。在要使其可移动的元素上设置 draggable=true 属性。几乎任何东西都可以拖动，包括图像、链接、文件或其他 DOM 节点。

于 2012-09-21T14:48:59.980 回答
0

You are going to want to customize this jQuery UI Droppable functionality: http://jqueryui.com/demos/droppable/#visual-feedback

于 2012-09-21T14:49:56.420 回答