Simple Sortable

一个简单的排序组件，用来替代D&D API。

依赖项：

• JQuery 2.0+
• Simple Module
• Simple Dragdrop

使用方法

首先，需要在页面里引用相关脚本以及css

<script type="text/javascript" src="path/to/jquery.min.js"></script>
<script type="text/javascript" src="path/to/module.js"></script>
<script type="text/javascript" src="path/to/dragdrop.js"></script>
<script type="text/javascript" src="path/to/sortable.js"></script>
 

通过sortable方法，实例化sortable对象

simple.dragdrop({
    wrapper: '.wrapper',
    items: '.ball'
});

API 文档

初始化选项

wrapper

必选，需要排序的元素的容器元素。

items

必选，需要排序的元素的selector string

helper

可选，拖拽的helper元素，可以是Dom/function，如果为空则为原元素。

placeholder

可选，开始拖动之后被拖拽元素会隐藏，显示placeholder，可以是Dom/function，如果为空，则是一个空白的占位元素

cursorPosition

可选，确定helper的相对于鼠标的位置，默认为'auto'，还可以为'center'（中心）, 'cornor'（左上角）

cursorOffset

可选，对helper位置进行微调，需要传入top以及left

axis

可选，拖拽的方向，默认为空, 可以为'x', 'y'

distance

可选，拖动触发的距离

方法

destroy()

销毁sortable对象，还原初始环境

事件

sortstart opts: placeholder, helper, item

排序开始时触发

sortend opts: item

排序结束时触发