jQuery拖拽插件Draggabilly

所属分类:输入-拖和放

 103179  283  查看评论 (9)
分享到微信朋友圈
X
jQuery拖拽插件Draggabilly ie兼容8

使用方法

调用draggabilly.pkgd.js 

Draggabillly将添加类。#draggable被拖动的元素。

var elem = document.querySelector('#draggable');
var draggie = new Draggabilly( elem, {
  // options...
});


示例代码:

var draggie = new Draggabilly( elem );
function onDragMove( instance, event, pointer ) {
  console.log( 'dragMove on ' + event.type +
    pointer.pageX + ', ' + pointer.pageY +
    ' position at ' + instance.position.x + ', ' + instance.position.y );
}
// bind event listener
draggie.on( 'dragMove', onDragMove );
// un-bind event listener
draggie.off( 'dragMove', onDragMove );
// return true to trigger an event listener just once
draggie.on( 'dragMove', function() {
  console.log('Draggabilly did move, just once');
  return true;
});


相关插件-拖和放

jQuery行间拖拽插件

行与行之间移动,行内块状移动,小块独立一行
  拖和放
 22075  248

jQuery可任意拖拽排序菜单树机构树

jQuery可任意拖拽排序菜单树机构树
  拖和放
 36101  340

jQuery拖动图片排列插件

本插件是基于dragst.js,拖拽排列图片的顺序,使用方法简单,兼容各大浏览器
  拖和放
 19499  247

JS表格列自由拖拽排序特效代码

该插件为纯js代码,实现表格列的自由拖拽,以及按列排序
  拖和放
 29433  338

讨论这个项目(9)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    谎言花开 0
    2018/12/21 13:47:02
    报下载文件不存在了 回复
    じ??有你 0
    2018/8/17 8:41:11
    如何把排序记录存到数据库? 回复
    爱死寂寞人 0
    2017/11/30 11:30:38
    黑衣 0
    2016/11/7 13:11:28
    进demo里的github啊,或者demo里面有cdn 回复
    zpryan 0
    2016/2/23 17:02:22
    兄弟,用不了啊 回复
    &nbsp 0
    2015/9/16 11:09:53
    阿疯打酱油 0
    2015/9/13 9:09:43

    用ie点击后会自动最少化

    回复
    银狐♓ 0
    2015/8/12 11:08:26
    强可夫斯基 0
    2015/3/25 10:33:09
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复