今天要处理sortable方法处理的对象,拖拽的时候,位置偏移的问题。

按理应该是鼠标在哪,对象就跟着在哪的

百度了一下问题,http://blog.csdn.net/samed/article/details/50703704,在这个博文里面提到了this.scrollParent.scrollTop(),那么对这个位置进行断点调试。(当然最开始也尝试了一下注释了这个地方,并没什么用)

在这个处理过程中,我发现我得拖拽对象的scrollParent并不是想象中的直接上级,而是不知上了多少级的父级(代码中使用的是parents().filter(...)),但是又搞不太清楚为什么,因为代码有一万五左右行数,看是看不完的,都想放弃了,因为坑爹的是调试的时候,会一直跳到jquery.js中,大概是调试方法还没有很好掌握,没办法定住调控。(在这之中,也尝试了把一些样式去除掉看看,结果比较坑,去除掉一些样式的对象是可以正常使用的,那么结论肯定是和样式有关。)

不过因为在错误页面上,能看到,拖拽对象是top值少了一截,肯定是和parent.top有关,既然如此,那么就先仔细看看scrollParent到底是如何得到的。

jQuery UI API: http://www.runoob.com/jqueryui/api-scrollparent.html

API中介绍最近的可滚动祖先,那么是不是将直接父级指定为scrollParent就可以了,怎么让div内容超出后自动显示滚动条:只需要用到css的一个overflow:auto的属性就可以实现这效果了。

那么就是说在直接父级上加了样式

<td class="ui-sortable" style="overflow: auto;">...</td>

结果,拖拽正常。

最新文章

  1. spring-事务管理
  2. java-GUI图形用户界面
  3. DirectShow程序运行过程简析
  4. Math.Round函数详解
  5. java中的浅拷贝与深拷贝
  6. poj 1742 Coins (多重背包)
  7. 项目管理工具:Maven使用方法总结
  8. Android虚拟机GenyMotion
  9. [LeetCode]题解(python):131-Palindrome Partitioning
  10. hadoop 完全分布式
  11. Struts2的那些小细节
  12. AndroidStudio升级后出现Refresh gradle project和connection timed out的原因和解决方法
  13. 【前端基础】动态脚本与JSONP
  14. js操作cookie 使用详解
  15. AngularJS 模板
  16. 【noip模拟】2048
  17. 桌面远程连接阿里云服务器(windows)后丧失了双向文件复制粘贴功能的解决方案(第一条博客!)
  18. Tomcat配置服务和自启动
  19. 不会 tsconfig | tslint 常遇到的问题
  20. UE4 几个好用的插件和Wiki教程

热门文章

  1. c# 后台 添加datable 数据
  2. 记事本编辑的Java文件生成文档
  3. 从MongoDB里面取得json格式的数据,然后存为本地的json文件,然后再从json读取变为dict
  4. 学习Selenium的历程
  5. Vue(二十)项目初始化步骤
  6. Sqoop找不到主类 Error: Could not find or load main class org.apache.sqoop.Sqoop
  7. import tensorflow 报错: tf.estimator package not installed.
  8. 安装Harbor
  9. MySQL性能调优的10个方法 - mysql数据库栏目
  10. 【T11】提防对等实体的不友好动作