jquery.dragsort.js 实现拖拽过程遇到的问题
2014-07-12 10:45
585 查看
1、在IE下第一次拖动的时候,被拖动的li元素会不显示,查了很多资料发现是因为在IE中定位出了问题,li标签还在,只是位置计算出错。解决的办法是在li的css样式中position设置为relative。这个问题在火狐等其他浏览器是不存在的。
2、如果拖动的li所在容器出现了滚动条,当滚动条滑到最下面的时候,拖拽下面的li的浮动层位置会出现偏移。解决的办法是在jquery.dragsort.js中,this.draggedItem.css({ top: top, left: left });这句话决定了浮动层的位置,只需将top值加上容器滚动条的scrollTop值即可。
附带jquery.dragsort.js中参数的解释:
dragSelector -- CSS选择器内的元素的列表项的拖动手柄。默认值是“li”。
dragSelectorExclude -- CSS选择器的元素内的dragSelector不会触发dragsort的。默认值是"input, textarea, a[href]"。
dragEnd -- 拖动结束后将被调用的回调函数.
dragBetween -- 设置为“true”,如果你要启用多组列表之间拖动选定的列表。 默认值是false。
placeHolderTemplate -- 拖动列表的HTML部分。默认值是"<li></li>".
scrollContainer -- CSS选择器的元素,作为滚动容器,例如溢出的div设置为自动。 默认值是“窗口“.
scrollSpeed -- 一个数字,它代表了速度,页面拖动某一项时,将滚动容器外,较高使用价值的是速度和较低的值是较慢的。 如果设置为"0"以禁用滚动。默认值是"5".
2、如果拖动的li所在容器出现了滚动条,当滚动条滑到最下面的时候,拖拽下面的li的浮动层位置会出现偏移。解决的办法是在jquery.dragsort.js中,this.draggedItem.css({ top: top, left: left });这句话决定了浮动层的位置,只需将top值加上容器滚动条的scrollTop值即可。
附带jquery.dragsort.js中参数的解释:
dragSelector -- CSS选择器内的元素的列表项的拖动手柄。默认值是“li”。
dragSelectorExclude -- CSS选择器的元素内的dragSelector不会触发dragsort的。默认值是"input, textarea, a[href]"。
dragEnd -- 拖动结束后将被调用的回调函数.
dragBetween -- 设置为“true”,如果你要启用多组列表之间拖动选定的列表。 默认值是false。
placeHolderTemplate -- 拖动列表的HTML部分。默认值是"<li></li>".
scrollContainer -- CSS选择器的元素,作为滚动容器,例如溢出的div设置为自动。 默认值是“窗口“.
scrollSpeed -- 一个数字,它代表了速度,页面拖动某一项时,将滚动容器外,较高使用价值的是速度和较低的值是较慢的。 如果设置为"0"以禁用滚动。默认值是"5".
相关文章推荐
- JS实现简易日历过程中遇到的问题和原因以及解决方式。
- 解决JS组件bootstrap table分页实现过程中遇到的问题
- 解决JS组件bootstrap table分页实现过程中遇到的问题
- JS/Jquery使用过程中遇到的问题和解决方法
- jquery dragsort table实现拖拽排序
- js/jquery使用过程遇到的问题
- 使用mssql2008新特性(存储过程参数类型使用"用户自定义表"来实现批量DML更新多表)解决项目里遇到的性能问题
- jquery.form.js 遇到的奇怪问题
- js实现div的拖拽回复eqyun问题
- 今天遇到的IE6下jquery js将图片写入html图片不显示的问题
- js 、jquery遍历表格遇到的问题
- Pc端和移动端拖拽组件jquery.drag.js
- jQuery.cookie.js中cookie设置遇到的问题
- Touch001项目实现过程中遇到的一个技术问题
- 使用jQuery Draggable和Droppable实现拖拽功能
- js实现table排序(jQuery下的jquery.sortElements)
- jquery方法+js一般方法+js面向对象方法实现拖拽效果
- JQuery实现拖拽draggable()方法
- 开发键盘过滤驱动实现模拟按键过程中遇到的问题
- jquery实现的拖拽效果,解决拖动速度过快时的会卡现象,select的遮挡问题和透明效果