jQuery拖拽插件Draggabilly

所属分类:输入-拖和放

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


相关插件-拖和放

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

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

jQuery自由拖曳照片插件

可自由拖曳照片,并展现文字和内容
  拖和放
 18444  213

jQuery拖动图片排列插件

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

htmlt拖放

html5拖放排序
  拖和放
 20708  210

讨论这个项目(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
取消回复