When you have a problem like this, your first thought should be to look at
the generated HTML using Microsoft's DevToolBar in IE or either FireBug or
View Source Chart for Firefox.
I moved "Testnode" up and then moved it to the right, then used FireBug's
Inspect tool to reveal the generated HTML. This is what I saw:
<div id="main">
<ul id="nodes" class="sortable">
<li id="node5" class="sortableitem">
</li>
<li id="node1" class="sortableitem" style="overflow: visible;
height: 164px; display: block; width: 472px; opacity: 0.9999;">
<ul id="nodes1" class="sortable">
<li id="node3" class="sortableitem">
</li>
...
Do you see what went wrong? :-)
-Mike
> My problem is that, when moving elements right (iow creating
> a new ul as a child to an existing li), the parent element is
> not expanding, so the newly created ul is overlapping with
> other elements.
>
> Just look at my example page: http://xcite-online.de/tests/jquery1/
> http://xcite-online.de/tests/jquery1/ .
>
> The code is
> http://snipplr.com/view/1649/jquery-and-uls-on-the-flow/ here
> , the important part is this:
> $("../..",this).next().append("<ul class='sortable'><li
> class='item'>foo</li></ul>");
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
