I've found a problem, I think. I have (had) a html layout something
like this:
<ul id=sortable>
<li class=row>
<div class=column1>
<input />
</div>
<div class=column2>
<input />
</div>
<div class=column3>
<input />
</div>
<div class=column4><img src=grabhere.gif></div>
</li>
<li class=row>
<div class=column1>
<input />
</div>
<div class=column2>
<input />
</div>
<div class=column3>
<input />
</div>
<div class=column4><img src=grabhere.gif></div>
</li>
</ul>
The column classes all float left. When I apply sortable, the <li>
elements drag okay, but the remaining elements don't slide into place
as it moves and when I release the mouse it just drops back into its
original position. Curious, I pulled all the column divs.
<ul id=sortable>
<li class=row>
<input class=column1 />
<input class=column2 />
<input class=column3/>
<img src=grabhere.gif>
</li>
<li class=row>
<input class=column1 />
<input class=column2 />
<input class=column3/>
<img src=grabhere.gif>
</li>
</ul>
Sortable works properly now. Yes, this is cleaner HTML and probably
the way it ought to be done, but using the divs fixed some layout
problems I was (am) having. Maybe I'll find a way to get the layout to
work, but I thought I'd let you know.
-Dez
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
