jQuery拖拽插件Draggabilly

所属分类:输入-拖和放

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


相关插件-拖和放

鼠标轨迹跟随

鼠标轨迹跟随
  拖和放
 39393  310

jQuery拖拽拖放插件DAD

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

jQuery图片DIV指定范围内拖动加调整大小

实现在指定大小DIV内拖动图片,以及调整图片大小
  拖和放
 48237  390

可拖拽图片文本框(类似QQ发送消息框)

支持拖拽图片,并且将图片转换为base64,兼容IE8以上所有浏览器
  拖和放
 30829  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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复