[jQuery] Sortables popping out of container
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.6000.16441" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff background="">
<DIV><FONT face=Verdana size=2>Hi all</FONT></DIV>
<DIV><FONT face=Verdana size=2></FONT> </DIV>
<DIV><FONT face=Verdana size=2>I'm using Interface Sortables to order some divs
(items) which are nested within other sortable divs (containers).
Everything works except when I apply "containment: 'parent'" to the sortable
items. By applying this I'd like the items to be restricted to their
parent container div but I get strange results with items jumping to the
top container instead. Without applying "containment:'parent'" I can move items
between containers which is not what I want.</FONT></DIV>
<DIV><FONT face=Verdana size=2></FONT> </DIV>
<DIV><FONT face=Verdana size=2>To test a theory, I tried using unique class
names on the div that surrounds each set of items (the div that has the
.Sortable function attached) and creating a unique .Sortable function for each
class but even then I get roughly the same result.</FONT></DIV>
<DIV><FONT face=Verdana size=2></FONT> </DIV>
<DIV><FONT face=Verdana size=2>Just to be clear, sorting the container divs
works fine - it's just the nested items that I'm having trouble
with.</FONT></DIV>
<DIV><FONT face=Verdana size=2></FONT> </DIV>
<DIV><FONT face=Verdana size=2>I've put up examples to help explain and I'd be
very grateful of any ideas on how to fix it.</FONT></DIV>
<DIV><FONT face=Verdana size=2></FONT> </DIV>
<DIV><FONT face=Verdana size=2>Items without containment: <A
href="http://www.mm-webs.com/sandbox/sorted.html">http://www.mm-webs.com/sandbox/sorted.html</A></FONT></DIV>
<DIV><FONT face=Verdana size=2>Items with containment: <A
href="http://www.mm-webs.com/sandbox/sorted2.html">http://www.mm-webs.com/sandbox/sorted2.html</A></FONT></DIV>
<DIV><FONT face=Verdana size=2></FONT> </DIV>
<DIV><FONT face=Verdana size=2>Many thanks</FONT></DIV>
<DIV><FONT face=Verdana size=2></FONT> </DIV>
<DIV><FONT face=Verdana size=2>Gareth</FONT></DIV></BODY></HTML>