easyUI draggable插件使用不当,导致拖动div内部文本框无法输入;设置echarts数据为空时就显示空白,不要动画和文字
2023-09-27 14:20:23 时间
先上一个Demo
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script type="text/javascript" src="/javascript/jquery.min.js"></script> <script type="text/javascript" src="/javascript/jquery.easyui.min.js"></script> </head> <body> <div id="dd" style="width:105px;height:300px;"> <div id="title" style="background:#ECF0F4;"> <label style="height: 100px">拖动</label> <input type="text" style="width: 100px;"/> </div> </div> <script type="text/javascript"> $('#dd').draggable({ handle:'#title' }); </script> </body> </html>
上面这种是不能在文本框输入内容的,
那是在使用drag插件时,使得id为dd的div脱离文档布局,影响了内部div对文本框的控制,根据代码,实际参与拖拽的div是title的div,如果title太大就影响了文本框
整体样式需要修改dd的css
修改如下(title的div高度和label的div高度相同,那么只能拖动label来控制位置,也就不影响下面的文本框)
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<div id="dd" style="background:#ECF0F4;width:105px;height:300px;"> <div id="title" style="height: 20px;"> <label style="height: 20px">拖动</label> <input type="text" style="width: 100px;"/> </div> </div>
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<div id="dd" style="background:#ECF0F4;width:105px;height:300px;"> <div id="title" style="height: 200px;">拖动 </div> <input type="text" style="width: 100px;"/> </div>
设置echarts数据为空时就显示空白,不要动画和文字:
options.series=[]就可以了,如果是options.series[0].data=[];就会有动画
相关文章
- easyui datagrid plunges 扩展 插件
- .NET快速开发框架-RDIFramework.NET 全新EasyUI版发布
- thinkphp处理jQuery EasyUI form表单问题
- EasyUI Tooltip 提示框
- JS动态修改页面EasyUI datebox不生效、EasyUI动态添加Class、EasyUI动态渲染解析解决方案
- jquery easyui toolbar 分割线问题
- easyui validatebox 验证集合
- jquery easyui datagrid js获取记录数 页数 当前页
- easyUI datagrid中checkbox选中事件以及行点击事件,翻页之后还可以选中
- easyUI datagrid 列宽自适应(简单 图解)(转)
- easyUI的同一dialog载入多次的情况解决
- 基于EasyUI实现windows桌面