html 拖放插件,DAD – jQuery拖拽/拖放插件

DAD – jQuery拖拽/拖放插件

分类：代码

日期：2016-08-02

点击(37,745)

下载(1)

来源：未知

收藏

简介

DAD 是一款基于 jQuery 的拖拽/拖放插件，它支持常见的水平拖放、垂直拖放、多行拖放、指定拖放区域、回调函数、允许/禁止拖放等等，同时你也可以稍加改造，做成类似垃圾篓、购物车等效果。

浏览器兼容

IE11+ ✔

Chrome ✔

Firefox ✔

Opera ✔

Safari ✔

很可惜，DAD 在 IE 中只兼容 IE11 版本，在 Opera 中也只支持 Webkit 内核版本。

使用方法

1、引入文件

2、HTML

3、JavaScript

$(function(){

$('.dowebok').dad();

});

配置

属性/方法

类型

默认值

说明

target

字符串

>div

要拖放的对象

draggable

布尔值

false

绑定拖动对象

placeholder

字符串

drop here

放入区域的文本占位符

callback

布尔值

false

拖放后的回调函数

containerClass

字符串

dad-container

为绑定对象增加的 class

childrenClass

字符串

dads-children

为绑定对象的子对象增加的 class

cloneClass

字符串

dads-children-clone

为被克隆对象增加的 class

active

布尔值

true

默认是否可拖放