easyUI draggable插件使用不当，导致拖动div内部文本框无法输入；设置echarts数据为空时就显示空白，不要动画和文字...

最新推荐文章于 2023-06-29 09:47:36 发布

aa8102980

最新推荐文章于 2023-06-29 09:47:36 发布

阅读量244

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/hujiapeng/p/5265179.html

版权

先上一个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=[]；就会有动画

转载于:https://www.cnblogs.com/hujiapeng/p/5265179.html

aa8102980

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
easyUI draggable插件使用不当，导致拖动div内部文本框无法输入；设置echarts数据为空时就显示空白，不要动画和文字...

先上一个Demo<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title></title> ...
复制链接

扫一扫