现在的位置: 首页 > 综合 > 正文

Drag-and-Drop Sortables Draggables Droppables

2014年02月13日 ⁄ 综合 ⁄ 共 771字 ⁄ 字号 评论关闭
 Drag-and-Drop的JS类库能够让你在一些web应用程序中很容易的创建一些能够进行拖动操作的对象,或者创建可排序的列表项。

Draggables & Droppables

Draggables 和 Droppables 为你的网站或者web应用程序添加丰富的互动效果。

Sortable lists and floats

采用 Sortables 可以对列表(li or ol)进行排序,或者在一个可排序的DIV容器内对浮动img对象或者其他DIV块对象均可实现即时排序。

Sortables

一个Sortable是由包含在一个容器内的许多elements组成。当你创建了一个新的sortable,脚本将会调取相应的Draggables和Droppables对象。

接下来我们将着重学习如何创建一个Sortables(Sortable.create)、注销一个Sortables(Sortable.destroy)和序列化一个Sortables并调用Ajax方法提交该序列(Sortable.serialize)。

Draggables

在研究这个类之前,你应该先来看下Draggable

Draggables Object

Draggables对象是一个辅助性的全局对象。

对于该对象的作用我还不是很清楚,暂时先不翻译,留个Link先:

http://wiki.script.aculo.us/scriptaculous/show/Draggables

Droppables

Droppables的作用是什么?就是当一个Draggable对象拖曳并放置到某一个目标对象后,Droppables将产生一个回调函数来响应先前的事件。

Creating droppables

请参考Droppables.add

Disabling droppables

请参考Droppables.remove

抱歉!评论已关闭.