如何解决jquery ui拖拽时拖到容器外会被覆盖问题
来源:互联网 发布:airpak软件下载 编辑:程序博客网 时间:2024/06/12 19:58
问题
jqueryui 在拖拽的时候如果在一个容器内拖拽,即不拖拽到父元素的外面的时候是没有问题的,但是如果想把某个元素拖到父元素的外面,就会发现一旦拖拽到容器外面就会被隐藏。
解决方案
自定义helper
$("#userViewTaskGrid .user-event").each(function(){$(this).draggable({zIndex: 999,revert: true,revertDuration: 0,helper: function(){var clone = $('<div class="ui-clone">' + $(this).html() + '</div>');clone.appendTo('body'); return clone;},containment: 'body', appendTo: 'body'});});
这样会把拖拽的元素的整体html都添加到ui-clone下面,所以我们在把原来元素(user-event)
的css样式加到ui-clone
上面
//下面是原来元素的样式.ui-clone{width: 200px;background: rgb(133, 203, 116);}
effevo技术团队出品 (https://effevo.com)
0 0
- 如何解决jquery ui拖拽时拖到容器外会被覆盖问题
- 解决grub被覆盖的问题
- 解决ListView的listSelector被覆盖不起作用的问题
- 解决vc最大化窗口时,任务栏被覆盖的问题
- 解决ListView的listSelector被覆盖不起作用的问题
- map 重复添加会被覆盖
- android popwindow 解决opengl层叠上面的ui被覆盖的现象
- 关于TabHost用for循环添加spec内容会被覆盖的问题
- Hibernate 执行原生sql语句字段名相同会被覆盖的问题
- chrome插件开发之:关于使用日期插件以及处理UI被覆盖的问题
- 解决页面展示被覆盖的情况
- 如何 恢复被覆盖的文件
- AlertDialog总是在最前,电话着信时着信画面被覆盖,如何解决
- WPF顶层窗口被覆盖问题
- js 二维数组值被覆盖问题
- Maven assembly打包文件被覆盖问题
- 【机房】问题-子窗体被覆盖
- 关于遍历向数组中添加值的问题定义一个空数组要写在循环外,否则会被覆盖
- Linux下从svn导出项目
- [Python]python环境配置
- UIApplicationLaunchOptionsRemoteNotificationKey
- S3C2440启动代码中应用程序执行环境的初始化
- Android中十六进制颜色的基本使用
- 如何解决jquery ui拖拽时拖到容器外会被覆盖问题
- 简单Dream-登录em报错密码已经过期--实测已解决
- 如何使用Python3读写INI配置文件
- 芒果iOS开发之常见算法总结
- 51.VC(Custom)-__super简介
- new和delete的使用规范
- android 音乐波形图
- 2014中国大数据技术大会33位核心专家演讲PDF下载
- java字符串的各种编码转换