html - Make divs draggable and droppable for certain elements -
I have a page with dragable and droppable. Each div has a nested diva that is also dragable. I want to drag the nested divas from div 1 and pull them on div2 and also on the other side. Jsfiddle where I try to do this is on the link
If I transfer the msn.com link from div 2 to div 1, then not left in that div is. What should I do to get the correct behavior, ie where does this link become part of div 1? To get it to work, you have to add a dragable device to the related droppable device.
$ ("#editdiv .droppable") .droppable ({drop: function (event, ui) {var $ item = ui.draggable; $ item feedout ($ {Item.css} ($ {"left": "", "top": "", "bottom": "", "right": ""}}). FadeIn ();}) ; $ Item.appendTo (this);}}); $ ("#editdiv_ .droppable") .droppable ({drop: function (Event, UI) {var $ item = ui.draggable; $ item.fadeOut (function () {$ item.css ({"left": " "," Top ":" "," bottom ":" "," right ":" "}}). FadeIn ();}); $ item.appendTo (this);}}); and updated here:
Comments
Post a Comment