javascript - Drag and Drop an element which is not part of the same container -

javascript - Drag and Drop an element which is not part of the same container -

i drag clone element id="btn" , drop div class="ui-layout-content". i'm able drag , drop elements 1 div under container. i'm not able same between divisions not part of same container. here code:

<div class="ui-layout-west"> <h3 class="hdr">drag , drop toolbar</h3> <div class="ui-layout-content"> <div id=“btn”>button</div> </div> </div> <div id="maincontent"> <div class="ui-layout-center"> <h3 class="hdr">design area</h3> <div class="ui-layout-content"> </div> </div> </div>

use jquery ui draggable , can have this:

var is_over_right_element = false; $( "#drophere" ).mouseover(function() { is_over_right_element = true; });

javascript jquery html css jquery-ui