点击两个元素，会交换位置

[1148444066]

当我创建一个元素的时候，聚焦，在创建另一个，有时候会直接换位置.应该是，移动了一点点，然后两个就换位置了，我想监听移动多少来判断换不换位置，但是不知道在哪里让换位停止，

[Barrior]

你可以用在线编辑器 CodePen 写个例子吗，不太清楚你的问题 😶

[1148444066]

; (function ($) { &nbsp; &nbsp; /** &nbsp; &nbsp; &nbsp;* Author: https://github.com/Barrior &nbsp; &nbsp; &nbsp;*&nbsp; &nbsp; &nbsp; &nbsp;* DDSort: drag and drop sorting. &nbsp; &nbsp; &nbsp;* @param {Object} options &nbsp; &nbsp; &nbsp;*&nbsp; &nbsp; &nbsp; &nbsp; target[string]: 可选，jQuery事件委托选择器字符串，默认'li' &nbsp; &nbsp; &nbsp;*&nbsp; &nbsp; &nbsp; &nbsp; cloneStyle[object]: 可选，设置占位符元素的样式 &nbsp; &nbsp; &nbsp;*&nbsp; &nbsp; &nbsp; &nbsp; floatStyle[object]: 可选，设置拖动元素的样式 &nbsp; &nbsp; &nbsp;*&nbsp; &nbsp; &nbsp; &nbsp; down[function]: 可选，鼠标按下时执行的函数 &nbsp; &nbsp; &nbsp;*&nbsp; &nbsp; &nbsp; &nbsp; move[function]: 可选，鼠标移动时执行的函数 &nbsp; &nbsp; &nbsp;*&nbsp; &nbsp; &nbsp; &nbsp; up[function]: 可选，鼠标抬起时执行的函数 &nbsp; &nbsp; &nbsp;*/ &nbsp; &nbsp; $.fn.DDSort = function (options) { &nbsp; &nbsp; &nbsp; &nbsp; var $doc = $(document), &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; fnEmpty = function () {}, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; settings = $.extend(true, { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; down: fnEmpty, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; move: fnEmpty, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; up: fnEmpty, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; target: '.line', &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; cloneStyle: { //&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;拖动时，放置位置背景色 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'background-color': 'rgb(255,255,255)', &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'border': '6px dashed rgb(86,170,255)' &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; floatStyle: { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //用固定定位可以防止定位父级不是Body的情况的兼容处理，表示不兼容IE6，无妨 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'position': 'fixed', //&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'position': 'absolute', &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'box-shadow': '10px 10px 20px 0 #eee', &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'webkitTransform': 'rotate(4deg)', &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'mozTransform': 'rotate(4deg)', &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'msTransform': 'rotate(4deg)', &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'transform': 'rotate(4deg)' &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }, options); &nbsp; &nbsp; &nbsp; &nbsp; return this.each(function () { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var that = $(this), &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height = 'height', &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width = 'width'; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (that.css('box-sizing') == 'border-box') { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height = 'outerHeight'; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width = 'outerWidth'; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; that.on('mousedown.DDSort', settings.target, function (e) { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //只允许鼠标左键拖动 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (e.which != 1) { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //防止表单元素失效 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var tagName = e.target.tagName.toLowerCase(); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (tagName == 'input' || tagName == 'textarea' || tagName == 'select') { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var THIS = this, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $this = $(THIS), &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; offset = $this.offset(), &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; disX = e.pageX - offset.left, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; disY = e.pageY - offset.top, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; clone = $this.clone() &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .css(settings.cloneStyle) &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .css('height', $this[ height ]()) &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .empty(), &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; hasClone = 1, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //缓存计算 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; thisOuterHeight = $this.outerHeight(), &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; thatOuterHeight = that.outerHeight(), &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //滚动速度 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; upSpeed = thisOuterHeight, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; downSpeed = thisOuterHeight, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; maxSpeed = thisOuterHeight * 3; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; settings.down.call(THIS); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $doc.on('mousemove.DDSort', function (e) { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (hasClone) { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $this.before(clone) &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .css('width', $this[ width ]()) &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .css(settings.floatStyle) &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .appendTo($this.parent()); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; hasClone = 0; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var left = e.pageX - disX, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; top = e.pageY - disY, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; prev = clone.prev(), &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; next = clone.next().not($this); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $this.css({ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; left: left, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; top: top &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //向上排序 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (prev.length &amp;&amp; top < prev.offset().top + prev.outerHeight() / 2) { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; clone.after(prev); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //向下排序 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (next.length &amp;&amp; top + thisOuterHeight &gt; next.offset().top + next.outerHeight() / 2) { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; clone.before(next); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; /** &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;* 处理滚动条 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;* that是带着滚动条的元素，这里默认以为that元素是这样的元素（正常情况就是这样），如果使用者事件委托的元素不是这样的元素，那么需要提供接口出来 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;*/ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var thatScrollTop = that.scrollTop(), &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; thatOffsetTop = that.offset().top, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; scrollVal; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //向上滚动 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (top < thatOffsetTop) { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; downSpeed = thisOuterHeight; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; upSpeed = ++upSpeed &gt; maxSpeed ? maxSpeed : upSpeed; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; scrollVal = thatScrollTop - upSpeed; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //向下滚动 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (top + thisOuterHeight - thatOffsetTop &gt; thatOuterHeight) { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; upSpeed = thisOuterHeight; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; downSpeed = ++downSpeed &gt; maxSpeed ? maxSpeed : downSpeed; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; scrollVal = thatScrollTop + downSpeed; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; that.scrollTop(scrollVal); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; settings.move.call(THIS); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }) &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .on('mouseup.DDSort', function () { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $doc.off('mousemove.DDSort mouseup.DDSort'); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //click的时候也会触发mouseup事件，加上判断阻止这种情况 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (!hasClone) { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; clone.before($this.removeAttr('style')).remove(); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; settings.up.call(THIS); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return false; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }); &nbsp; &nbsp; &nbsp; &nbsp; }); &nbsp; &nbsp; }; })(jQuery); 使用时发现，点击一个元素，在点击另一个元素，点击第二个元素的时候，鼠标会出现拖拽的效果，导致两个元素交换位置，所以我想监听移动了多少，不够多就回到原位，不执行换位。后面代码有点没看懂，想知道怎么才能在执行回去，&nbsp; that.scrollTop(scrollVal); &nbsp;settings.move.call(THIS); &nbsp;clone.before($this.removeAttr('style')).remove(); settings.up.call(THIS); 我猜测大概是这几个方法相关，没试出来

…

------------------&nbsp;原始邮件&nbsp;------------------ 发件人:&nbsp;"花祁"<notifications@github.com&gt;; 发送时间:&nbsp;2019年11月1日(星期五) 下午4:01 收件人:&nbsp;"Barrior/DDSort"<DDSort@noreply.github.com&gt;; 抄送:&nbsp;"郭林"<1148444066@qq.com&gt;;"Author"<author@noreply.github.com&gt;; 主题:&nbsp;Re: [Barrior/DDSort] 点击两个元素，会交换位置 (#19) 你可以用在线编辑器 CodePen 写个例子吗，不太清楚你的问题 😶 — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or unsubscribe.

[Barrior]

这样的话，你可以在 down 事件的时候看要不要记录移动的初始位置，最后在 up 事件里执行判断移动了多少，实现你说的逻辑了

[1148444066]

好的，谢谢！ 你是用下面这个来记录位置的吗？前端人员走了,没搞过前端，看着有点头大 就是，不知道，怎么才能让交换事件取消，我先还以为把hasClone改为0就可以了，或者加个2标识不移动，哈哈 谢谢了，东西还是很有用的 &nbsp; var THIS = this, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $this = $(THIS), &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; offset = $this.offset(), &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; disX = e.pageX - offset.left, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; disY = e.pageY - offset.top, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; clone = $this.clone() &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .css(settings.cloneStyle) &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .css('height', $this[ height ]()) &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .empty(), &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; hasClone = 1, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //缓存计算 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; thisOuterHeight = $this.outerHeight(), &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; thatOuterHeight = that.outerHeight(), &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //滚动速度 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; upSpeed = thisOuterHeight, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; downSpeed = thisOuterHeight, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; maxSpeed = thisOuterHeight * 3; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; settings.down.call(THIS);

…

------------------&nbsp;原始邮件&nbsp;------------------ 发件人:&nbsp;"花祁"<notifications@github.com&gt;; 发送时间:&nbsp;2019年11月1日(星期五) 下午4:21 收件人:&nbsp;"Barrior/DDSort"<DDSort@noreply.github.com&gt;; 抄送:&nbsp;"郭林"<1148444066@qq.com&gt;;"Author"<author@noreply.github.com&gt;; 主题:&nbsp;Re: [Barrior/DDSort] 点击两个元素，会交换位置 (#19) 这样的话，你可以在 down 事件的时候看要不要记录移动的初始位置，最后在 up 事件里执行判断移动了多少，实现你说的逻辑了 — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or unsubscribe.

[Barrior]

是的，好像源码里没有传 event 对象到 down 参数里，看你需要吗。另外好像还不没有API让交换事件取消，如果非要取消的话，需要改动源码或者在 down 函数里抛出错误，当然得在代码上层捕获一下错误，避免报错

[1148444066]

我瞧瞧吧，谢谢啦

…

------------------&nbsp;原始邮件&nbsp;------------------ 发件人:&nbsp;"花祁"<notifications@github.com&gt;; 发送时间:&nbsp;2019年11月1日(星期五) 下午4:44 收件人:&nbsp;"Barrior/DDSort"<DDSort@noreply.github.com&gt;; 抄送:&nbsp;"郭林"<1148444066@qq.com&gt;;"Author"<author@noreply.github.com&gt;; 主题:&nbsp;Re: [Barrior/DDSort] 点击两个元素，会交换位置 (#19) 是的，好像源码里没有传 event 对象到 down 参数里，看你需要吗。另外好像还不没有API让交换事件取消，如果非要取消的话，需要改动源码或者在 down 函数里抛出错误，当然得在代码上层捕获一下错误，避免报错 — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or unsubscribe.

[1148444066]

&nbsp; //向上排序 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (prev.length &amp;&amp; top < prev.offset().top + prev.outerHeight() / 2) { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; clone.after(prev); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //向下排序 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (next.length &amp;&amp; top + thisOuterHeight &gt; next.offset().top + next.outerHeight() / 2) { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; clone.before(next); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } 这个是不是判断移动了多少，超过一半就交换,是不是这里，写错了，才导致，移动一点就会交换

…

------------------&nbsp;原始邮件&nbsp;------------------ 发件人:&nbsp;"花祁"<notifications@github.com&gt;; 发送时间:&nbsp;2019年11月1日(星期五) 下午4:21 收件人:&nbsp;"Barrior/DDSort"<DDSort@noreply.github.com&gt;; 抄送:&nbsp;"郭林"<1148444066@qq.com&gt;;"Author"<author@noreply.github.com&gt;; 主题:&nbsp;Re: [Barrior/DDSort] 点击两个元素，会交换位置 (#19) 这样的话，你可以在 down 事件的时候看要不要记录移动的初始位置，最后在 up 事件里执行判断移动了多少，实现你说的逻辑了 — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or unsubscribe.

[Barrior]

这个还要看你页面的DOM结构和样式定义，很难说

[1148444066]

好滴，搞定了，谢谢

…

------------------&nbsp;原始邮件&nbsp;------------------ 发件人:&nbsp;"花祁"<notifications@github.com&gt;; 发送时间:&nbsp;2019年11月6日(星期三) 下午2:21 收件人:&nbsp;"Barrior/DDSort"<DDSort@noreply.github.com&gt;; 抄送:&nbsp;"郭林"<1148444066@qq.com&gt;;"Author"<author@noreply.github.com&gt;; 主题:&nbsp;Re: [Barrior/DDSort] 点击两个元素，会交换位置 (#19) 这个还要看你页面的DOM结构和样式定义，很难说 — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or unsubscribe.