juqery dragsort使用遇到的问题

最新推荐文章于 2017-11-16 16:00:00 发布

转载最新推荐文章于 2017-11-16 16:00:00 发布 · 247 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/linda586586/p/7193269.html

本文针对dragsort插件使用过程中遇到的问题进行了详细分析，并提供了有效的解决方案，包括解决容器ID缺失导致的销毁失败、滚动条影响拖拽位置、IE下元素显示异常、绑定document引发的跨iframe问题及不同标签类型的支持不足。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.destroy时，没给容器加id，不能执行成功--->修改源码如下：

        if (options == "destroy") {
            $(this).trigger("dragsort-uninit");//modified $(this.selector) to $(this)
            return;
        }

2.可拖动区域有滚动条时，纵坐标计算有问题：

如果拖动的li所在容器出现了滚动条，当滚动条滑到最下面的时候，拖拽下面的li的浮动层位置会出现偏移。解决的办法是在jquery.dragsort.js中，this.draggedItem.css({ top: top, left: left });这句话决定了浮动层的位置，只需将top值加上容器滚动条的scrollTop值即可。

3.在IE下第一次拖动的时候，被拖动的li元素会不显示，查了很多资料发现是因为在IE中定位出了问题，li标签还在，只是位置计算出错。解决的办法是在li的css样式中position设置为relative。这个问题在火狐等其他浏览器是不存在的。

4.dragsort的swap,drop都强行绑定了document,在跨框架iframe的应用内访问document是有问题的，可能会访问到父级的document，在使用的时候要多加注意才是。

5.不同类型的标签无法处理，即使设置了itemSelector，dragSelector还是有问题，待解决。

转载于:https://www.cnblogs.com/linda586586/p/7193269.html