Hello everyone,
I've been trying things for hours now and google doesn't come up with anything
useful.
Here's what I'm trying to do:
I have a "photo management" screen. So there's images inside of their own
little container and an "album" around them.
What I want to do is to be able to sort the images (works) but also I want to
sort the albums (which are div's)
The album container div has a "albumsortable" class which is initialized in
doc.ready like this:
$('.albumsortable').sortable({
connectWith:$('.albumsortable'),
opacity: 0.8,
tolerance: 'intersect',
cursor: 'move',
handle:$('.ui-portlet-header')
}).disableSelection();
The "ui-portlet-header" class is the class of the album title - a div inside
the "albumsortable" div very much modeled after the "portlet" demo on the
Jquery UI website.
When I try to sort, only the "ui-portlet-header" div is sorted, but the
"albumsortable" div stays put.
HTML structure:
<div class="albumsortable">
<div class="ui-portlet-header">
<div class="ui-portlet-content">
<-- this contains a ul sortable list of images - where sorting works fine >
</div>
</div>
There's a little more in the divs, but generally I'd expect the
".albumsortable" div to move when i grab the "ui-portal-header" handle and not
just moving the handle itself.
Funny is, when I specify "div" as handle, the inner content container becomes
sortable, but still leaves the "albumsortable" container out of the loop.
I can post a complete page with everything if that's what it takes.
Thanks for any pointers.
Uwe
--
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.
