为任务泳增加拖动

2020/x-3/biz/css/base-ghh.css

@@ -3905,6 +3905,7 @@ body.date-picked .list-item-pickered {
.pages-project-phase-task .ipu-hammer-carousel .ipu-carousel-wrapper > li {
  height: 100%;
  overflow: auto;
  overflow-x: visible;
}
.project-phase-item {
@@ -3986,6 +3987,7 @@ body.date-picked .list-item-pickered {
  line-height: .22rem;
  color: #1A202C;
  padding: .2rem 0 .06rem;
  position: static;
}
.project-phase-item .item-state .num {
@@ -4450,4 +4452,15 @@ body.date-picked .list-item-pickered {
.ipu-carousel-animate {
  -webkit-transition: all 200ms ease-out 0ms;
  transition: all 200ms ease-out 0ms;
}
.project-task-item.drag-slt {
  box-shadow: .02rem .02rem .05rem .03rem rgba(0, 0, 0, .2);
  position: absolute;
  width: 2.95rem;
  z-index: 1111;
}
.project-task-item-placehoder {
  visibility: hidden;
}

2020/x-3/biz/js/common/PanCarousel.js

@@ -255,7 +255,6 @@ define(["jquery"], function ($) {
     */
    refresh: function () {
      if (this.wrapperWidth != this.wrapper.outerWidth(true)) {
        console.log('refresh');
        this._sizeCount();
        this._show(this.realIndex, false); //新的位置
      }
@@ -277,10 +276,8 @@ define(["jquery"], function ($) {
        move = this.moveLen - moveLen;
        if (move < 0) {
          move = move / 2;
          //move = 0;
        } else if (move > this.endSize) {
          move = this.endSize + (move - this.endSize) / 2;
          //move = this.endSzie;
        }
      }
@@ -315,7 +312,7 @@ define(["jquery"], function ($) {
      }
      var oldIndex = this.currentIndex;
      var newIndex = index % this.itemSize;
      var newIndex = this.itemSize && index % this.itemSize || 0;
      var cloneItem = index >= this.itemSize;
      if (animate && this.option.callBack) {
@@ -331,7 +328,12 @@ define(["jquery"], function ($) {
      this.currentIndex = newIndex;
      this.moveLen = this.carouselItemWides[index];
      $(this.wrapper).css("transform", "translate3d(-" + this.moveLen + "px, 0, 0)");
      var _this = this;
      $(this.wrapper).css("transform", "translate3d(-" + this.moveLen + "px, 0, 0)").transitionEnd(function () {
        if (_this.option.trasnCallBack) {
          _this.option.trasnCallBack.call(_this, _this.currentIndex);
        }
      });
      if (this.indicator) {
        this.indicatorIndexs.eq(this.currentIndex).addClass("ipu-current").siblings().removeClass("ipu-current");
@@ -343,8 +345,8 @@ define(["jquery"], function ($) {
      this._play();//处理自动播放
    },
    update: function () {  // 组件更新，因为内容更新了
      var index = this.currentIndex;
    update: function (index) {  // 组件更新，因为内容更新了
      index = index || this.currentIndex || 0;
      $(".ipu-carousel-indicator", this.el).remove();
      this._init();
      this.show(index);

2020/x-3/biz/js/page/project-phase-task.js

@@ -1,41 +1,185 @@
require(["ipuUI", "jquery", "tool", "PanCarousel"], function (ipuUI, $, tool, PanCarousel) {
require(["ipuUI", "jquery", "tool", "PanCarousel", 'Hammer'], function (ipuUI, $, tool, PanCarousel, Hammer) {
  $(function () {
    function confirm(option) {
      setTimeout(function () {
        option = $.extend({}, defaultConfirmOption, option);
    // 上下拖动，还未支持滚动（任务数太多时，往下移动，没有滚动处理）
    (function () {    // 业务较复杂，使匿名方法处理
      var holdTime = 360;      // 按住后，1s内没有移动，假设为需要拖动
      var touchState = 0;        // 0待进入状态，1待确认（需要按住多少秒），2已确认
      var listenEl = $(".ipu-hammer-carousel")[0];
      var dragSlt = ".project-task-item";
      var dragItem = null;      // 选中元素
      var touchId;            //　触点id
      var touchFirst;         //  触点坐标
      var placeholderHtml = "<div class='project-task-item project-task-item-placehoder'></div>";
      var placeHolderEl;        // 占位元素
      var dragPosition;             // 元素初始位置
      var itemWidth = $(".project-task-list:first").width();
      var disabledMove = 0;   // 暂时不处理移动，计数器
      var outid;
      var dragLiIndex;        // 拖拽的对象的初始泳道
        var modalEl = $(confirmTpl).appendTo("body")[0];
      listenEl.addEventListener("touchstart", touchStartLister, {passive: true});  // 添加触屏监听
        $(".confirm-modal-title", modalEl).text(option.title);
        $(option.texts).each(function (index, text) {
          $(".confirm-modal-button:eq(" + index + ")", modalEl).text(text);
        });
      // 监听触点开始
      function touchStartLister(e) {
        // 不在限制范围内的平移
        var isDragSlt = $(e.target).is(dragSlt);    // 获取任务item元素
        dragItem = $(e.target).parents(dragSlt);
        if ((!isDragSlt && dragItem.size() == 0) || e.touches.length != 1) {  // 触点数量不为1，或点中的非任务元素el
          if (touchState != 2) {  // 不是确认状态，重置为初始化状态，状态确认后忽略
            clearTime();
          }
        } else {
          // console.log('start');
          if (isDragSlt) {  // 当前即为dragItem
            dragItem = $(e.target);
          }
        ipuUI.openModal(modalEl);
          touchState = 1;
          var touch = e.touches[0];
          touchId = touch.identifier;       //
          touchFirst = {x: touch.pageX, y: touch.pageY};    // 记录当前位置
          addTouchLister();
          disabledMove = 0;
        function removeActionDialog() {       // 关闭弹窗并移除遮掩绑定事件
          ipuUI.closeModal(modalEl);
          $(".ipu-modal-overlay").off("click", removeActionDialog);
          outid = setTimeout(function () {            // 先开始监听move
            if (touchState == 1) {  // 1秒后，还没有移动
              touchState = 2;        // 满足条件可拖动
              dragPosition = dragItem.position();  // 相当页面的偏移
              placeholderEl = $(placeholderHtml).insertBefore(dragItem);
              placeholderEl.height(dragItem.height());
              dragLiIndex = carousel.currentIndex;
              console.log(dragLiIndex);
              dragItem.addClass("drag-slt").css(dragPosition).appendTo(listenEl);
              outid = 0;
            }
          }, holdTime);
        }
      }
        $(".ipu-modal-overlay").on("click", function () {  // 点击透明区域
          option.cancelClick && option.cancelClick();
          removeActionDialog();
        });     // 点击遮掩，移除弹框
      // 移除按住时间监听
      function clearTime() {
        if (outid) {
          window.clearTimeout(outid);
          outid = 0;
        }
        removeTouchLister();
        touchState = 0;
      }
        $(".confirm-modal-button-ok", modalEl).click(function () {  // 点击确认按钮
          option.okClick && option.okClick();
          removeActionDialog();
        });
        $(".confirm-modal-button-cancel", modalEl).click(function () { // 点击取消按钮
          option.cancelClick && option.cancelClick();
          removeActionDialog();
      // 监听触点移动
      function touchMoveLister(e) {
        if (e.changedTouches[0].identifier == touchId) {    // 只监听当前触点
          if (touchState != 2) {
            clearTime();
          } else {    // 监听在window对象上面，阻止默认行为太晚了....
            e.stopImmediatePropagation();
            // e.preventDefault(); // 在滚动时阻止行为，浏览器报错，先不处理
            var touch = e.touches[0];
            var moveX = touch.pageX - touchFirst.x;
            var moveY = touch.pageY - touchFirst.y;
            var newPosition = {left: dragPosition.left + moveX, top: dragPosition.top + moveY};
            dragItem.css(newPosition);
            var index = carousel.currentIndex;
            // console.log('move', moveX);
            if (disabledMove) {  // 为0的时候，才可以处理，否则暂停处理，防止抖动
            } else {
              if (Math.abs(moveX) >= itemWidth * 0.3) {  // 纵向移动1/3，则切换泳道
                if ((index == 0 && moveX < 0) || (index == carousel.itemSize - 1 && moveX > 0)) {
                  // 边界条件，没有上一项或下一项，不处理
                } else {
                  disabledMove++;
                  index = index + (moveX > 0 ? 1 : -1);           // 判断是向左还是往右
                  carousel.show(index);
                  setTimeout(function () {
                    disabledMove--;
                    // placeholderEl = placeholderEl.appendTo($(".ipu-carousel-wrapper li:eq(" + index + ") .project-task-list"));  // 默认拖动后放在对应泳道的最后位置
                    // adjustPhd(newPosition);
                  }, 640);
                }
              } else {                        // 还要处理往下的滚动
                // adjustPhd(newPosition);
              }
            }
          }
        }
      }
      // 调整上下位置
      function adjustPhd(newPosition) {  // 调整占位位置
        var offsetTop = null;
        var toIndex = 0;
        var index = carousel.currentIndex;
        $(".ipu-carousel-wrapper li:eq(" + index + ") .project-task-item").each(function (index, el) {
          // 在一个子项的上半部或下半部，位置好像不大准确
          var tempOffsetTop = newPosition.top - $(el).position().top;
          if (tempOffsetTop > 0 && (index == 0 || tempOffsetTop < offsetTop)) {
            offsetTop = tempOffsetTop;
            toIndex = index;
          }
        });
      }, 310);  // 如果是action方法的回调，会导致遮掩不显示，延迟避免此问题
    }
        var phdIndex = placeholderEl.index();     // 取占位的index
        var toEl = $(".ipu-carousel-wrapper li:eq(" + index + ") .project-task-item:eq(" + toIndex + ")");
        //
        if (phdIndex != toIndex) {
          if (phdIndex > toIndex) {
            placeholderEl.insertBefore(toEl);
          } else {
            placeholderEl.insertAfter(toEl);
          }
          disabledMove++;
          setTimeout(function () {
            disabledMove--;
            // 处理 placeHolder
          }, 600); // 防止抖动，或者移动多少以后再更新
        }
      }
      // 触点结束监听
      function touchEndLister(e) {
        if (e.changedTouches[0].identifier == touchId) {
          if (touchState == 2) {
            var currentIndex = carousel.currentIndex;
            console.log('end', currentIndex);
            if (dragLiIndex == currentIndex) {
              dragItem.insertBefore(placeholderEl);
            } else {
              dragItem.appendTo($(".ipu-carousel-wrapper li:eq(" + currentIndex + ") .project-task-list"));  // 默认放最后面
            }
            dragItem.removeClass("drag-slt").css({"top": "auto", left: "auto"});
            placeholderEl.remove();    // 回调方法，更新泳道切换
            removeTouchLister();
            touchState = 0;
          } else {
            clearTime();
          }
        }
      }
      // 开始监听
      function addTouchLister() {
        listenEl.addEventListener("touchmove", touchMoveLister, {passive: false});   //　会调用阻止默认行为
        listenEl.addEventListener("touchcancel", touchEndLister);
        listenEl.addEventListener("touchend", touchEndLister);
      }
      // 结束监听
      function removeTouchLister() {   // 结束触点事件监听
        listenEl.removeEventListener("touchmove", touchMoveLister, {passive: false});   //　会调用阻止默认行为
        listenEl.removeEventListener("touchcancel", touchEndLister);
        listenEl.removeEventListener("touchend", touchEndLister);
      }
    })();
    function initIndicator() {
      $(".ipu-carousel-indicator").empty();
@@ -54,9 +198,13 @@ require(["ipuUI", "jquery", "tool", "PanCarousel"], function (ipuUI, $, tool, Pa
      indicator: false, // 是否生成指示器(右下角的小圆点)
      loop: false,       // 是否循环
      callBack: function (index, oldIndex) {
        // console.log("callBack", index, Date.now());
        if (index != oldIndex) {
          sltIndicator(index);
        }
      },
      trasnCallBack: function (index) {
        // console.log("trasnCallBack", index, Date.now());
      }
    });
    sltIndicator(carousel.currentIndex);
@@ -138,6 +286,6 @@ require(["ipuUI", "jquery", "tool", "PanCarousel"], function (ipuUI, $, tool, Pa
      }
    });
    //
  });
});

2020/x-3/biz/lib/dragsort/jquery.dragsort-0.5.2.js

@@ -1,438 +0,0 @@
// jQuery List DragSort v0.5.2
// Website: http://dragsort.codeplex.com/
// License: http://dragsort.codeplex.com/license
// 源码上修改，增加支持手机事件，增加amd支持
define(["jquery"], function ($) {
  $.fn.dragsort = function (options) {
    if (options == "destroy") {
      $(this.selector).trigger("dragsort-uninit");
      return;
    }
    var opts = $.extend({}, $.fn.dragsort.defaults, options);
    var lists = [];
    var list = null, lastPos = null;
    var events = {
      press: "touchstart",
      move: "touchmove",
      up: "touchend"
    };
    this.each(function (i, cont) {
      //if list container is table, the browser automatically wraps rows in tbody if not specified so change list container to tbody so that children returns rows as user expected
      if ($(cont).is("table") && $(cont).children().size() == 1 && $(cont).children().is("tbody"))
        cont = $(cont).children().get(0);
      var newList = {
				el: $(cont),
        draggedItem: null,
        placeHolderItem: null,
        pos: null,
        offset: null,
        offsetLimit: null,
        scroll: null,
        container: cont,
        init: function () {
          //set options to default values if not set
          opts.tagName = $(this.container).children().size() == 0 ? "li" : $(this.container).children().get(0).tagName.toLowerCase();
          if (opts.itemSelector == "")
            opts.itemSelector = opts.tagName;
          if (opts.dragSelector == "")
            opts.dragSelector = opts.tagName;
          if (opts.placeHolderTemplate == "")
            opts.placeHolderTemplate = "<" + opts.tagName + ">&nbsp;</" + opts.tagName + ">";
          //listidx allows reference back to correct list variable instance
          $(this.container).attr("data-listidx", i).on("touchstart", this.grabItem).bind("dragsort-uninit", this.uninit);
          this.styleDragHandlers(true);
        },
        uninit: function () {
          var list = lists[$(this).attr("data-listidx")];
          $(list.container).unbind("touchstart", list.grabItem).unbind("dragsort-uninit");
          list.styleDragHandlers(false);
        },
        getItems: function () {
          return $(this.container).children(opts.itemSelector);
        },
        styleDragHandlers: function (cursor) {
          this.getItems().map(function () {
            return $(this).is(opts.dragSelector) ? this : $(this).find(opts.dragSelector).get();
          }).css("cursor", cursor ? "pointer" : "");
        },
        grabItem: function (e) {
          var list = lists[$(this).attr("data-listidx")];
          var item = $(e.target).closest("[data-listidx] > " + opts.tagName).get(0);
          var insideMoveableItem = list.getItems().filter(function () {
              return this == item;
            }).size() > 0;
          //if not left click or if clicked on excluded element (e.g. text box) or not a moveable list item return
          // e.which = 0 其它，e.which:1 鼠标左键，2鼠标中键，3鼠标右键
          if (e.which > 1 || $(e.target).is(opts.dragSelectorExclude) || $(e.target).closest(opts.dragSelectorExclude).size() > 0 || !insideMoveableItem)
            return;
          //prevents selection, stops issue on Fx where dragging hyperlink doesn't work and on IE where it triggers mousemove even though mouse hasn't moved,
          //does also stop being able to click text boxes hence dragging on text boxes by default is disabled in dragSelectorExclude
          e.preventDefault();
          //change cursor to move while dragging
          var dragHandle = e.target;
          while (!$(dragHandle).is(opts.dragSelector)) {
            if (dragHandle == this) return;
            dragHandle = dragHandle.parentNode;
          }
          $(dragHandle).attr("data-cursor", $(dragHandle).css("cursor"));
          $(dragHandle).css("cursor", "move");
          //on mousedown wait for movement of mouse before triggering dragsort script (dragStart) to allow clicking of hyperlinks to work
          var listElem = this;
          var trigger = function () {
            list.dragStart.call(listElem, e);
            $(list.container).unbind("touchmove", trigger);
          };
          $(list.container).on("touchmove", trigger).on("touchend", function () {
            $(list.container).unbind("touchmove", trigger);
            $(dragHandle).css("cursor", $(dragHandle).attr("data-cursor"));
          });
        },
        dragStart: function (e) {
          var touches = e.originalEvent.touches;
          var lastTouch = touches[touches.length - 1]
          e.pageX = lastTouch.pageX;
          e.pageY = lastTouch.pageY;
          if (list != null && list.draggedItem != null)
            list.dropItem();
          list = lists[$(this).attr("data-listidx")];
          list.draggedItem = $(e.target).closest("[data-listidx] > " + opts.tagName)
          //record current position so on dragend we know if the dragged item changed position or not, not using getItems to allow dragsort to restore dragged item to original location in relation to fixed items
          list.draggedItem.attr("data-origpos", $(this).attr("data-listidx") + "-" + $(list.container).children().index(list.draggedItem));
          //calculate mouse offset relative to draggedItem
          var mt = parseInt(list.draggedItem.css("marginTop"));
          var ml = parseInt(list.draggedItem.css("marginLeft"));
          list.offset = list.draggedItem.offset();
          list.offset.top = e.pageY - list.offset.top + (isNaN(mt) ? 0 : mt) - 1;
          list.offset.left = e.pageX - list.offset.left + (isNaN(ml) ? 0 : ml) - 1;
          //calculate box the dragged item can't be dragged outside of
          if (!opts.dragBetween) {
            var containerHeight = $(list.container).outerHeight() == 0 ? Math.max(1, Math.round(0.5 + list.getItems().size() * list.draggedItem.outerWidth() / $(list.container).outerWidth())) * list.draggedItem.outerHeight() : $(list.container).outerHeight();
            list.offsetLimit = $(list.container).offset();
            list.offsetLimit.right = list.offsetLimit.left + $(list.container).outerWidth() - list.draggedItem.outerWidth();
            list.offsetLimit.bottom = list.offsetLimit.top + containerHeight - list.draggedItem.outerHeight();
          }
          //create placeholder item
          var h = list.draggedItem.height();
          var w = list.draggedItem.width();
          if (opts.tagName == "tr") {
            list.draggedItem.children().each(function () {
              $(this).width($(this).width());
            });
            list.placeHolderItem = list.draggedItem.clone().attr("data-placeholder", true);
            list.draggedItem.after(list.placeHolderItem);
            list.placeHolderItem.children().each(function () {
              $(this).css({borderWidth: 0, width: $(this).width() + 1, height: $(this).height() + 1}).html("&nbsp;");
            });
          } else {
            list.draggedItem.after(opts.placeHolderTemplate);
            // list.placeHolderItem = list.draggedItem.next().css({ height: h, width: w }).attr("data-placeholder", true);
            list.placeHolderItem = list.draggedItem.next().attr("data-placeholder", true);
          }
          if (opts.tagName == "td") {
            var listTable = list.draggedItem.closest("table").get(0);
            $("<table id='" + listTable.id + "' style='border-width: 0px;' class='dragSortItem " + listTable.className + "'><tr></tr></table>").appendTo("body").children().append(list.draggedItem);
          }
          //style draggedItem while dragging
          var orig = list.draggedItem.attr("style");
          list.draggedItem.attr("data-origstyle", orig ? orig : "");
          list.draggedItem.css({position: "absolute", opacity: 0.8, "z-index": 999, height: h, width: w});
          //auto-scroll setup
          list.scroll = {
            moveX: 0,
            moveY: 0,
            maxX: $(document).width() - $(window).width(),
            maxY: $(document).height() - $(window).height()
          };
          list.scroll.scrollY = window.setInterval(function () {
            if (opts.scrollContainer != window) {
              $(opts.scrollContainer).scrollTop($(opts.scrollContainer).scrollTop() + list.scroll.moveY);
              return;
            }
            var t = $(opts.scrollContainer).scrollTop();
            if (list.scroll.moveY > 0 && t < list.scroll.maxY || list.scroll.moveY < 0 && t > 0) {
              $(opts.scrollContainer).scrollTop(t + list.scroll.moveY);
              list.draggedItem.css("top", list.draggedItem.offset().top + list.scroll.moveY + 1);
            }
          }, 10);
          list.scroll.scrollX = window.setInterval(function () {
            if (opts.scrollContainer != window) {
              $(opts.scrollContainer).scrollLeft($(opts.scrollContainer).scrollLeft() + list.scroll.moveX);
              return;
            }
            var l = $(opts.scrollContainer).scrollLeft();
            if (list.scroll.moveX > 0 && l < list.scroll.maxX || list.scroll.moveX < 0 && l > 0) {
              $(opts.scrollContainer).scrollLeft(l + list.scroll.moveX);
              list.draggedItem.css("left", list.draggedItem.offset().left + list.scroll.moveX + 1);
            }
          }, 10);
          //misc
          $(lists).each(function (i, l) {
            l.createDropTargets();
            l.buildPositionTable();
          });
          list.setPos(e.pageX, e.pageY);
          $(document).bind("touchmove", list.swapItems);
          $(document).bind("touchend", list.dropItem);
          if (opts.scrollContainer != window)
            $(window).bind("wheel", list.wheel);
        },
        //set position of draggedItem
        setPos: function (x, y) {
          //remove mouse offset so mouse cursor remains in same place on draggedItem instead of top left corner
          var top = y - this.offset.top;
          var left = x - this.offset.left;
          //limit top, left to within box draggedItem can't be dragged outside of
          if (!opts.dragBetween) {
            top = Math.min(this.offsetLimit.bottom, Math.max(top, this.offsetLimit.top));
            left = Math.min(this.offsetLimit.right, Math.max(left, this.offsetLimit.left));
          }
          //adjust top & left calculations to parent offset
          var parent = this.draggedItem.offsetParent().not("body").offset(); //offsetParent returns body even when it's static, if not static offset is only factoring margin
          if (parent != null) {
            top -= parent.top;
            left -= parent.left;
          }
          //set x or y auto-scroll amount
          if (opts.scrollContainer == window) {
            y -= $(window).scrollTop();
            x -= $(window).scrollLeft();
            y = Math.max(0, y - $(window).height() + 5) + Math.min(0, y - 5);
            x = Math.max(0, x - $(window).width() + 5) + Math.min(0, x - 5);
          } else {
            var cont = $(opts.scrollContainer);
            var offset = cont.offset();
            y = Math.max(0, y - cont.height() - offset.top) + Math.min(0, y - offset.top);
            x = Math.max(0, x - cont.width() - offset.left) + Math.min(0, x - offset.left);
          }
          list.scroll.moveX = x == 0 ? 0 : x * opts.scrollSpeed / Math.abs(x);
          list.scroll.moveY = y == 0 ? 0 : y * opts.scrollSpeed / Math.abs(y);
          //move draggedItem to new mouse cursor location
          this.draggedItem.css({top: top, left: left});
        },
        //if scroll container is a div allow mouse wheel to scroll div instead of window when mouse is hovering over
        wheel: function (e) {
          if (list && opts.scrollContainer != window) {
            var cont = $(opts.scrollContainer);
            var offset = cont.offset();
            e = e.originalEvent;
            if (e.clientX > offset.left && e.clientX < offset.left + cont.width() && e.clientY > offset.top && e.clientY < offset.top + cont.height()) {
              var deltaY = (e.deltaMode == 0 ? 1 : 10) * e.deltaY;
              cont.scrollTop(cont.scrollTop() + deltaY);
              e.preventDefault();
            }
          }
        },
        //build a table recording all the positions of the moveable list items
        buildPositionTable: function () {
          var pos = [];
          this.getItems().not([list.draggedItem[0], list.placeHolderItem[0]]).each(function (i) {
            var loc = $(this).offset();
            loc.right = loc.left + $(this).outerWidth();
            loc.bottom = loc.top + $(this).outerHeight();
            loc.elm = this;
            pos[i] = loc;
          });
          this.pos = pos;
        },
        dropItem: function () {
          if (list.draggedItem == null)
            return;
					list.el.trigger("dragend");	// 增加拖动时触发事件
          //list.draggedItem.attr("style", "") doesn't work on IE8 and jQuery 1.5 or lower
          //list.draggedItem.removeAttr("style") doesn't work on chrome and jQuery 1.6 (works jQuery 1.5 or lower)
          var orig = list.draggedItem.attr("data-origstyle");
          list.draggedItem.attr("style", orig);
          if (orig == "")
            list.draggedItem.removeAttr("style");
          list.draggedItem.removeAttr("data-origstyle");
          list.styleDragHandlers(true);
          var oldIndex = parseInt(list.draggedItem.attr("data-origpos").split('-')[1]);
          var newIndex = list.placeHolderItem.index();
          if (newIndex > oldIndex) {
            newIndex = newIndex - 1; // 因为新的位置大于老的位置，则要减1，因为增加多了个临时点位的点
          }
          list.placeHolderItem.before(list.draggedItem);
          list.placeHolderItem.remove();
          $("[data-droptarget], .dragSortItem").remove();
          window.clearInterval(list.scroll.scrollY);
          window.clearInterval(list.scroll.scrollX);
          //if position changed call dragEnd
          if (list.draggedItem.attr("data-origpos") != $(lists).index(list) + "-" + $(list.container).children().index(list.draggedItem))
            if (opts.dragEnd.apply(list.draggedItem, [newIndex, oldIndex]) == false) { //if dragEnd returns false revert order
              var pos = list.draggedItem.attr("data-origpos").split('-');
              var nextItem = $(lists[pos[0]].container).children().not(list.draggedItem).eq(pos[1]);
              if (nextItem.size() > 0)
                nextItem.before(list.draggedItem);
              else if (pos[1] == 0) //was the only item in list
                $(lists[pos[0]].container).prepend(list.draggedItem);
              else //was the last item in list
                $(lists[pos[0]].container).append(list.draggedItem);
            }
          list.draggedItem.removeAttr("data-origpos");
          list.draggedItem = null;
          $(document).unbind("touchmove", list.swapItems);
          $(document).unbind("touchend", list.dropItem);
          if (opts.scrollContainer != window)
            $(window).unbind("wheel", list.wheel);
          return false;
        },
        //swap the draggedItem (represented visually by placeholder) with the list item the it has been dragged on top of
        swapItems: function (e) {
          if (list.draggedItem == null)
            return false;
          var touches = e.originalEvent.touches;
          var lastTouch = touches[touches.length - 1]
          e.pageX = lastTouch.pageX;
          e.pageY = lastTouch.pageY;
          //move draggedItem to mouse location
          list.setPos(e.pageX, e.pageY);
					list.el.trigger("dragmove", [list.draggedItem, e.pageX, e.pageY]);	// 增加拖动时触发事件
          //retrieve list and item position mouse cursor is over
          var ei = list.findPos(e.pageX, e.pageY);
          var nlist = list;
          for (var i = 0; ei == -1 && opts.dragBetween && i < lists.length; i++) {
            ei = lists[i].findPos(e.pageX, e.pageY);
            nlist = lists[i];
          }
          //if not over another moveable list item return
          if (ei == -1)
            return false;
          //save fixed items locations
          var children = function () {
            return $(nlist.container).children().not(nlist.draggedItem);
          };
          var fixed = children().not(opts.itemSelector).each(function (i) {
            this.idx = children().index(this);
          });
          //if moving draggedItem up or left place placeHolder before list item the dragged item is hovering over otherwise place it after
          if (lastPos == null || lastPos.top > list.draggedItem.offset().top || lastPos.left > list.draggedItem.offset().left)
            $(nlist.pos[ei].elm).before(list.placeHolderItem);
          else
            $(nlist.pos[ei].elm).after(list.placeHolderItem);
          //restore fixed items location
          fixed.each(function () {
            var elm = children().eq(this.idx).get(0);
            if (this != elm && children().index(this) < this.idx)
              $(this).insertAfter(elm);
            else if (this != elm)
              $(this).insertBefore(elm);
          });
          //misc
          $(lists).each(function (i, l) {
            l.createDropTargets();
            l.buildPositionTable();
          });
          lastPos = list.draggedItem.offset();
          return false;
        },
        //returns the index of the list item the mouse is over
        findPos: function (x, y) {
          for (var i = 0; i < this.pos.length; i++) {
            if (this.pos[i].left < x && this.pos[i].right > x && this.pos[i].top < y && this.pos[i].bottom > y)
              return i;
          }
          return -1;
        },
        //create drop targets which are placeholders at the end of other lists to allow dragging straight to the last position
        createDropTargets: function () {
          if (!opts.dragBetween)
            return;
          $(lists).each(function () {
            var ph = $(this.container).find("[data-placeholder]");
            var dt = $(this.container).find("[data-droptarget]");
            if (ph.size() > 0 && dt.size() > 0)
              dt.remove();
            else if (ph.size() == 0 && dt.size() == 0) {
              if (opts.tagName == "td")
                $(opts.placeHolderTemplate).attr("data-droptarget", true).appendTo(this.container);
              else
              //list.placeHolderItem.clone().removeAttr("data-placeholder") crashes in IE7 and jquery 1.5.1 (doesn't in jquery 1.4.2 or IE8)
                $(this.container).append(list.placeHolderItem.removeAttr("data-placeholder").clone().attr("data-droptarget", true));
              list.placeHolderItem.attr("data-placeholder", true);
            }
          });
        }
      };
      newList.init();
      lists.push(newList);
    });
    return this;
  };
  $.fn.dragsort.defaults = {
    itemSelector: "",
    dragSelector: "",
    dragSelectorExclude: "input, textarea",
    dragEnd: function () {
    },
    dragBetween: false,
    placeHolderTemplate: "",
    scrollContainer: window,
    scrollSpeed: 5
  };
});