jQuery拖拽插件Draggabilly

所属分类:输入-拖和放

 107358  331  查看评论 (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;
});


相关插件-拖和放

页面多板块拖动,调整边缘,吸附效果(原创)

接到一个需求:楼宇房间的简单布局:点击左侧房屋号码,到右面出现以后可以各种调整。
  拖和放
 27225  336

jquery 拖拽排序

jQuery图片列表拖拽排序布局插件
  拖和放
 28377  349

jQuery行间拖拽插件

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

jQuery移动端滑动标尺

移动端卡尺,滑动标尺,标不动
  拖和放
 21903  304

讨论这个项目(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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复