评论：一个轻简的jQuery拖放排序插件DDSort  [查看原文]

棉花糖的骨架0
2020/7/26 11:16:57
求解答呀

西瓜0
2018/9/20 15:55:38
不知道你用的什么浏览器，chrome下按你说的测试了下没有问题

嫣然之情0
2018/11/22 14:12:19
问题补充：这个问题就是在chrome浏览器下使用的，但是拖动元素有修改。所有的拖动元素都修改为定宽100px定高32px 修改为表格方式排列，每一个元素相当于在一个表格的cell中 如下：
┍┅┅┅┅┑ ┍┅┅┅┅┑ ┍┅┅┅┅┑ ┍┅┅┅┅┑ ┍┅┅┅┅┑ ┍┅┅┅┅┑
┕┅┅┅┅┙ ┕┅┅┅┅┙ ┕┅┅┅┅┙ ┕┅┅┅┅┙ ┕┅┅┅┅┙ ┕┅┅┅┅┙
┍┅┅┅┅┑ ┍┅┅┅┅┑ ┍┅┅┅┅┑ ┍┅┅┅┅┑ ┍┅┅┅┅┑ ┍┅┅┅┅┑
┕┅┅┅┅┙ ┕┅┅┅┅┙ ┕┅┅┅┅┙ ┕┅┅┅┅┙ ┕┅┅┅┅┙ ┕┅┅┅┅┙
┍┅┅┅┅┑ ┍┅┅┅┅┑ ┍┅┅┅┅┑ ┍┅┅┅┅┑ ┍┅┅┅┅┑ ┍┅┅┅┅┑
┕┅┅┅┅┙ ┕┅┅┅┅┙ ┕┅┅┅┅┙ ┕┅┅┅┅┙ ┕┅┅┅┅┙ ┕┅┅┅┅┙
上图是由示例中修改而来的拖动区域。 可以拖动每个区域调整位置，在缩放比正常100%时没有问题。当缩放比在90%时 所有拖动区域块都在乱跳

<div id="wrap" style="margin-top: 900px;">
    <div class="itemdd_div">
        <img src="aaa.jpg">
    </div>
    <div class="itemdd_div">
        <img src="bbb.png">
    </div>
    <div class="itemdd_div">
        <img src="ccc.jpg">
    </div>
</div>

然后拖动会出现定位问题

我遇到的问题是火狐浏览器更本就没有用。点击失效。拖动失效，有没有遇到过的。

借过0
2018/8/22 14:14:18
当高度超过一个屏幕,body有滚动条时，这个插件就有问题了，作者解决下？

用鼠标移动时，内容没了怎么解决

这个拖动应该在范围之内吧。。

横向拖动会狂闪，谁遇到过！

ＳEven＇s 喵了个咪的3
2017/10/15 22:09:56

他没做横向移动

给你个解决方法 

第一步 在 settings 对象中添加一个开关 vertical: true,

第二步 在下面排序的地方修改一下

if (settings.vertical) {
    //向上排序
    if (prev.length && top < prev.offset().top + prev.outerHeight() / 2) {
        clone.after(prev);
        //向下排序
    } else if (next.length && top + thisOuterHeight > next.offset().top + next.outerHeight() / 2) {
        clone.before(next);
    }
} else {
    if (prev.length && left < prev.offset().left + prev.outerHeight() / 2) {
        clone.after(prev);
    } else if (next.length && left + thisOuterHeight > next.offset().left + next.outerHeight() / 2) {
        clone.before(next);
    }
}

ＳEven＇s 喵了个咪的0
2017/10/15 22:10:49

然后如果你要横向排列的话 在对象后面添加一个vertical: false就可以了

___、For╀0
2017/1/11 14:01:41

这个怎么改啊。我也是这问题

___、For╀0
2017/1/11 14:01:53

这个我也遇到。怎么解决啊？如果页面有滚动条，而这部分不在页面内，翻到下面。在点击拖动，那个li就不在鼠标上。在靠下面的地方

___、For╀3
2017/1/11 17:01:36

我解决了，因为这个高度没减去滚动条的高度，

scrollTop = document.documentElement.scrollTop || document.body.scrollTop,

获得后，在用最后那个高度值把这个减去

$this.css({
	left: left,//我没做宽度，没必要   
	top: top - scrollTop//这个值才是正确的，弹窗都没问题
});

顺其自然0
2017/12/18 13:44:01
谢谢__、For，完美的帮我解决了这个问题

借过0
2018/8/22 11:19:12
可以的，改成tr就行了，建议在加个table的id。类似于 target: '#tableId tr',