First on a demo
<!DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en" "Http://www.w3.org/TR/html4/loose.dtd "><HTML><Head> <title></title> <Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8"/> <Scripttype= "Text/javascript"src= "/javascript/jquery.min.js"></Script> <Scripttype= "Text/javascript"src= "/javascript/jquery.easyui.min.js"></Script></Head><Body><DivID= "DD"style= "width:105px;height:300px;"> <DivID= "title"style= "background: #ECF0F4;"> <labelstyle= "height:100px">Drag</label> <inputtype= "text"style= "width:100px;"/> </Div></Div><Scripttype= "Text/javascript"> $('#dd'). draggable ({handle:'#title' });</Script></Body></HTML>
improper use of draggable
It is not possible to enter content in a text box,
That is when using the drag plug-in, so that the ID DD div out of the document layout, affecting the internal Div control of the text box, according to the code, the actual participation in the drag Div is the title of the Div, if the title is too large to affect the text box
The overall style needs to modify the DD CSS
Modify the following (the title div height and the label's div height are the same, then you can only drag the label to control the position, it will not affect the following text box)
<DivID= "DD"style= "background: #ECF0F4; width:105px;height:300px;"> <DivID= "title"style= "height:20px;"> <labelstyle= "height:20px">Drag</label> <inputtype= "text"style= "width:100px;"/> </Div></Div>
after modification
When you set the Echarts data to empty, it displays white space, not animations and text:
Options.series=[] on it, if it's options.series[0].data=[]; it's going to be animated.
Easyui draggable plug-in improper use, resulting in dragging div inner text box can not be entered, set Echarts data is empty when blank, do not animate and text