Dragging a draggable outside it's parent
Hi, I'm having some difficulty making draggable divs be visible outside of their parent. Basically I have a search div that contains all the dragable divs, and I want to be able to drag any of those outside of the search div into different dropable containers, but once I reach the edge of the parent (search) div, I can no longer see them. Any ideas? None of the demos I've found show dragging outside of a parent. I've tried the following without success:
-
$(document).ready(function() {
$(".block").draggable({helper:'clone', ghosting: true,revert: true, fx: 100, zIndex: 999, containment:'document', insideParent:false});
});
Example html:
-
<div><div id="mydrop1"></div><div id="mydrop2"><div id="mysearchdiv"><div id="blocks"><div class="block">Block 1</div><div class="block">Block 2</div></div></div></div>