Hello all, I'm working on Drag & Drop with Interface and I have a graphic bug.
When I click on a Draggable object I can make it move, but only the text which is contained "move" all the (Css-made) graphic disappear as soon as I make a movement with the mouse. Here is a little bit of code: In the JS file: The Html in generated by the line with Easy Dom: $("#vsmenu").append($.LI({"class":"gps"}, $.DIV({"class":"sensorName","id":"menu-gps1"},"gps1"))); $("#vsmenu").append($.LI({"class":"gps"}, $.DIV({"class":"sensorName","id":"menu-gps2"},"gps2"))); // Then I make LIs draggable $(".gps").Draggable( { zIndex: 1000, ghosting: true, revert: true, opacity: 0.9 } ); The Html finally is: <h3>Virtual sensors</h3> <ul id="vsmenu"> <li class="gps"><div id="menu-gps2" class="sensorName">gps2</div></li> <li class="gps"><div id="menu-gpsvs" class="sensorName">gpsvs</div></ li> </ul> In the CSS: .gps { display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #FFE2BF; background-color: #FFF0DF; color: #FFA84C; text-decoration: none; width: 100%; } I try not to make the Html generated but in a file to write it directly and it worked... I mean no graphic bug. So maybe there is something with EasyDom? Or the DOM is not yet ready? I really don't know actually... Thanks you for you help. Charlie