From 5723c66c15040a15a6b9baa1655224e75aba79c6 Mon Sep 17 00:00:00 2001 From: amhoho Date: Wed, 28 Dec 2016 14:48:30 +0800 Subject: [PATCH 1/3] =?UTF-8?q?=E5=BC=BA=E5=8C=96=E4=BA=86=E4=BA=92?= =?UTF-8?q?=E7=9B=B8=E6=8B=96=E6=8B=BD=E6=97=B6=E7=9A=84=E6=95=88=E6=9E=9C?= =?UTF-8?q?=E5=92=8C=E5=A4=84=E7=90=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 新增动画,限制可存放的数量及无法拖放时的处理. --- README.mkd | 30 ++++++++++++------------------ 1 file changed, 12 insertions(+), 18 deletions(-) diff --git a/README.mkd b/README.mkd index b5e9052..924e232 100644 --- a/README.mkd +++ b/README.mkd @@ -1,18 +1,12 @@ -# jQuery Sortable - -jQuery Sortable is a flexible, opinionated sorting plugin. -It enables items in a list (or table etc.) to be sorted horizontally and vertically using the mouse. -Supports nested lists and pure drag/drop containers. - -jQuery Sortable does not depend on jQuery UI and works well with Twitter's Bootstrap (You can even sort the Bootstrap navigation). - -More information can be found on [http://johnny.github.com/jquery-sortable/](http://johnny.github.com/jquery-sortable/). - -## Dependencies - -jquery (>= 1.7.0) - -## Development Dependencies - -jQuery Sortable is developed using [middleman](http://middlemanapp.com/). -A **bundle install** shoud pull in everything needed. +对插件进行了修改: +1.使用了absolute和translate3d,拖拽起来更加流程动感. +2.新增了#draggtemp用来存放跟随鼠标的li.解决了多个ul互相拖拽时该li原本的绝对定位问题. +用法:
+这里面的css是相对body的绝对定位.#draggtemp>li{position:absolute}
+ +3.新增了group列表属性: +data-max(可选,如果没有预设即不限制数量),解决了多个ul互相拖拽时因不限制数量引起的问题. +data-run(可选,无法放置时的回调处理方法),解决了无法放置后的后续处理问题 +class='dragging_on',被拖动的ul新增一个class:'dragging_on',方便nextpage内部处理. +用法:, +当t1满10个后,t2无法再拖动到t1.t1的nextpage() From f5dd024d5caefbc30f068429326c959738db62d4 Mon Sep 17 00:00:00 2001 From: amhoho Date: Wed, 28 Dec 2016 15:25:53 +0800 Subject: [PATCH 2/3] Update README.mkd --- README.mkd | 23 ++++++++++++++++------- 1 file changed, 16 insertions(+), 7 deletions(-) diff --git a/README.mkd b/README.mkd index 924e232..df2b869 100644 --- a/README.mkd +++ b/README.mkd @@ -1,12 +1,21 @@ 对插件进行了修改: + 1.使用了absolute和translate3d,拖拽起来更加流程动感. -2.新增了#draggtemp用来存放跟随鼠标的li.解决了多个ul互相拖拽时该li原本的绝对定位问题. -用法:
-这里面的css是相对body的绝对定位.#draggtemp>li{position:absolute}
+ +2.新增了#draggtemp用来存放跟随鼠标的li.解决了多个ul互相拖拽时该li定位问题(例如#u1a li拖到#ulb li,定位仍然relative到#ula,所以直接外放到全局body中.方便控制). +用法: +```htm +
+``` +这里面的css是相对body的绝对定位.#draggtemp>li{position:absolute} 3.新增了group列表属性: data-max(可选,如果没有预设即不限制数量),解决了多个ul互相拖拽时因不限制数量引起的问题. -data-run(可选,无法放置时的回调处理方法),解决了无法放置后的后续处理问题 -class='dragging_on',被拖动的ul新增一个class:'dragging_on',方便nextpage内部处理. -用法:, -当t1满10个后,t2无法再拖动到t1.t1的nextpage() +class='dragging_on',被拖动的ul高亮一个class:'dragging_on' +用法: +```htm +, +``` + + +当t1满10个后,t2无法再拖动到t1,反之亦然.高亮的class方便需要时调用. From beea2780b4c46a6ff9c4278c47acc0a573021600 Mon Sep 17 00:00:00 2001 From: amhoho Date: Thu, 29 Dec 2016 12:36:36 +0800 Subject: [PATCH 3/3] Update README.mkd --- README.mkd | 17 +++++++---------- 1 file changed, 7 insertions(+), 10 deletions(-) diff --git a/README.mkd b/README.mkd index df2b869..ac42d6c 100644 --- a/README.mkd +++ b/README.mkd @@ -1,21 +1,18 @@ -对插件进行了修改: +因项目需要(模拟IOS桌面launch),对插件进行了以下强化: -1.使用了absolute和translate3d,拖拽起来更加流程动感. +1.美化:自适应宽高布局,使用了absolute和translate3d,拖拽起来更加流程动感. -2.新增了#draggtemp用来存放跟随鼠标的li.解决了多个ul互相拖拽时该li定位问题(例如#u1a li拖到#ulb li,定位仍然relative到#ula,所以直接外放到全局body中.方便控制). +2.补足:新增了#draggtemp用来存放跟随鼠标的li.解决了多个ul互相拖拽时该li定位问题(例如#u1a li拖到#ulb li,定位仍然relative到#ula,所以直接外放到全局body中.方便控制). 用法: ```htm
``` 这里面的css是相对body的绝对定位.#draggtemp>li{position:absolute} -3.新增了group列表属性: -data-max(可选,如果没有预设即不限制数量),解决了多个ul互相拖拽时因不限制数量引起的问题. -class='dragging_on',被拖动的ul高亮一个class:'dragging_on' +3.强化:如果超出区域则无法继续添加. 用法: ```htm -
    ,
      -``` - +
        +```当#1内的li个数超过了120px:120px所能容纳的最大值,则无法添加到这个区域. -当t1满10个后,t2无法再拖动到t1,反之亦然.高亮的class方便需要时调用. +4:强化:新增了整体的抖动删除功能.