先上一个Demo

<!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>

draggable使用不当

上面这种是不能在文本框输入内容的，

那是在使用drag插件时，使得id为dd的div脱离文档布局，影响了内部div对文本框的控制，根据代码，实际参与拖拽的div是title的div，如果title太大就影响了文本框

整体样式需要修改dd的css

修改如下（title的div高度和label的div高度相同，那么只能拖动label来控制位置，也就不影响下面的文本框）

<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>

修改后

<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 draggable插件使用不当，导致拖动div内部文本框无法输入；设置echarts数据为空时就显示空白，不要动画和文字的更多相关文章

  1. div模拟文本框textarea

    需求:利用highlight.js对文本框中的内容进行高亮显示 1.highlight.js使用 js中:<script src="js/highlight/highlight.pac ...

  2. EasyUI实现图片的上传后与其他文本框的提交以及DataGrid中图片的展示

    图片即文件,在jsp中文件上传很简单,一个type为file的input,一个form指定enctype为multipart/form-data,通过post提交到后台利用apache的commons ...

  3. 隐藏div，文本框角圆滑，消除外边框

    #div_1 /*将div设置完成,并且隐藏,当需要的时候对其属性值进行修改*/ { height: 36px; width: 1099px; background-color: #F0DFDF; m ...

  4. 用这个插件jquery.raty.js————用于星星评价（这个案例用于后台传数据给我，前台显示星星个数）

    1.引入jquery.js文件 2.引入jquery.raty.js 3.页面中放在这个:<span class="readOnly" data-path="ima ...

  5. 可编辑的div模仿文本框缓存(使用AUTOCOMPLETE属性,off是不缓存，on是缓存(默认))

    用session实现的, 1.进当前页面就从session(a)中取( sessionStorage.getItem )(不管存在不存在,后续有合理的存储和删除); 2.离开当前页时删除这个sessi ...

  6. 监听文本框输入开发仿新浪微博限制输入字数的textarea插件

    监听文本框输入 Firefox.Chrome.IE9,IE10 均支持 oninput 事件,此外所有版本的 IE 均支持 onpropertychange 事件. oninput 事件在用户输入.退 ...

  7. jquery easyui datebox单击文本框显示日期选择

    jquery easyui的datebox日历控件,实现单击文本框出现日历选择,如下图: 代码: 修改jquery.easyui.min.js第9797行函数(jQuery EasyUI 1.3.2) ...

  8. easyui 给文本框 checkbox赋值问题

    刚进公司 要做一个后台维护系统,选择easyui 从未接触过 对于页面给文本框赋值遇到一些问题 写下了来 我之前使用了好几种方式都未能成功给input 文本框赋值 第一尝试传统的JavaScript代 ...

  9. 写了个限制文本框输入最大长度的jquery插件 - jquery.restrictFieldLength.js

    做了个限制文本框最大输入长度的jquery插件,效果图(共2个文本框,限制最多10个字符): 功能:当超出设置的最大字符长度后,会截断字符串.更改当前元素的css(会在1秒后还原css).支持长度超出 ...

随机推荐

  1. [Mindjet MindManager]思维导图的快捷键操作

    来源于:http://www.cnblogs.com/whylaughing/p/5530935.html Mindjet MindManager(思维导图) 快捷键如下: Insert or CTR ...

  2. 如何升级Ceph版本及注意事项

    升级软件版本在日常运维中是一个常见操作. 本文分享一下Ceph版本升级的一些经验. 一般升级流程和注意如下: 1.  关注社区Release notes 和 ceph-user邮件订阅列表,获取社区发 ...

  3. 网络流 poj 3308 最小割

    t个样例 n*m的矩阵 L个伞兵 给出每行每列装激光的花费 伞兵的位置 要求杀死所有伞兵 总费用为这些费用的乘积  求花费最小 建图  源点 ->   行   -> 列  -> 汇点 ...

  4. java-commons-HttpClient超时设置setConnectionTimeout和setSoTimeout

    问题 之前使用httpclient请求数据 源码方法: public static String doHttp(HttpMethod result, int timeout, String chars ...

  5. jsrender for object

    <div id="result"></div> <script id="theTmpl" type="text/x-js ...

  6. git使用相关文章的链接

    http://search.fishc.com/cse/search?s=14988791857133860392&q=git&partner=discuz http://bbs.fi ...

  7. 【HDU 5810多校】Balls and Boxes（打表/数学）

    1.打表找规律,下面是打表程序: #include <iostream> #include <cstdio> #define ll long long #define N 10 ...

  8. Leetcode H-index

    Given an array of citations (each citation is a non-negative integer) of a researcher, write a funct ...

  9. 【caffe】loss function、cost function和error

    @tags: caffe 机器学习 在机器学习(暂时限定有监督学习)中,常见的算法大都可以划分为两个部分来理解它 一个是它的Hypothesis function,也就是你用一个函数f,来拟合任意一个 ...

  10. 【bzoj1433】 ZJOI2009—假期的宿舍

    http://www.lydsy.com/JudgeOnline/problem.php?id=1433 (题目链接) 题意 一个暑假,有人去大学里面探望朋友,有些人回家了,有些人留下了,每个人都要在 ...