如以上图片,第一张图是将右边列表内容拖拽进中间区域时,样式显示正常
第二三四张图是将左边列表内容拖拽近中间区域时,经过中间区域便会被压缩,最终被挤压成一竖列,这是为什么?
左边列表和右边列表的数据获取方式,样式什么的都是完全相同的,为啥左右的效果不一样
jqueryUI的draggable拖拽插件进行clone复制拖拽时候,经过其他区域样式发生改变
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
张大教主 2017-07-05 02:54关注应该是父区域的样式影响了它本身的样式，你可以对拖动元素的样式（宽、高）单独设置，这样自身样式优先级高于继承样式 如果不是这个原因，建议把代码贴出来，这样好排查本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2017-07-05 02:31回答 3 已采纳 应该是父区域的样式影响了它本身的样式，你可以对拖动元素的样式（宽、高）单独设置，这样自身样式优先级高于继承样式 如果不是这个原因，建议把代码贴出来，这样好排查
- 2016-08-17 08:53回答 2 已采纳 区域增加浮动的div，用droppable来控制移动到这些区域重置修改鼠标为not-allowed（禁止），drop的时候直接重置被移动块的left/top http://api.jqueryu
- 2017-09-18 11:44回答 2 已采纳 把你的jquery ui 换成这个试试 ``
- 2016-09-30 15:50weixin_30341745的博客 // 具体 就是修改 $('.ui-draggable-dragging').html（） 结构， 使得拖动过程中的样式美观， //('.this_a') 是要去拖目标对象的身份识别ID，('.this_b') 是对应得具体内容， 后面在去重判断时会用到。// 详细的 .....
- 2017-02-24 03:36回答 2 已采纳 你自己clone了对象，拖动clone的对象，直接操作源对象就不要clone就行了 ``` var opt = $(source).draggable('options');
- 2022-02-08 22:44回答 2 已采纳 ajax无刷新提交的话可以调用对应实例的中存储的删除按钮的onclick时间实现图片清空，示例如下 <!DOCTYPE html> <html> <head>
- 2017-07-17 01:06回答 8 已采纳 检查下数据的列数是不是正确呢。
- 2018-11-28 09:43lulu1993-04的博客 jquery.ui.touch-punch的引用 直接上代码 jquery.ui.touch-punch的下载链接:https://github.com/furf/jquery-ui-touch-punch 例html+css <!doctype html> <html lang="en"> ...
- 2016-10-31 01:49回答 2 已采纳 应该用的mouse事件，移动端没有mouse事件，自己看下jquery.mobile有没有你要的，这个才是移动端ui。 http://demos.jquerymobile.com/1.4.5/
- 2020-06-16 21:13回答 2 已采纳 我忘了怎么解决的这个问题了..
- 2022-03-02 16:46回答 2 已采纳 检查当前的html页面的存储编码是ansi还是utf-8？记事本打开页面，另存为看存储编码，不是utf-8选utf-8后保存同时页面head标签中加上 <meta charset="utf-8"
- 2017-07-05 11:43马大头的博客 正文：Draggable(拖拽) 1、默认配置：就是简单的一行代码：$( "#目标元素Id" ).draggable(); title>jqeruy UI 拖拽练习--默认配置title> 导入jquery插件--> script type="text/javascript" src=...
- 2017-04-26 16:17回答 2 已采纳 Use the classes option to overwrite default classes. <link rel="stylesheet" href="//code.j
- 2023-04-07 17:21智慧浩海的博客 允许使用鼠标移动元素。如需了解更多有关 draggable 交互的细节，请查看 API 文档。
- 2020-12-12 08:41工作中需要将一个左边的设计好的控件，拖拽到右边的面板中，同时保持右边面板中的控件自由排序，这时候就需要及支持拖拽又支持排序的操作了， Demo截图：从左边控件拖到右边区域 代码段： [removed] $(function ...
- 没有解决我的问题, 去提问
