I'm trying to sort a group of images with a sortable but they don't
seem to want to sort.
I've tried wrapping the img tag inside of a div and specifing the div
as the item and the img as the helper but that doesn't seem to help.
I'm able to drag an image however as i move over the other items they
don't move around and when i let go of the dragged item it doesn't
drop in just reverts to it's position.
here is the code for the div thats to be sorted
<div id="menu_dockIcons" style="z-index: 20001; height: 33px; width:
216px; top: -2px; left: 44px; position: absolute;" class="ui-
sortable">
<div style="" class=""><img height="32" width="32" src="images/icons/
blogger-32x32.png" id="plazl_25_Icon" style="position: absolute; top:
-2px; left: 2px;"/></div><div><img height="32" width="32" src="images/
icons/flickr-32x32.png" class="" id="plazl_33_Icon" style="position:
absolute; top: -2px; left: 38px;"/></div><div><img height="32"
width="32" src="images/icons/heart-32x32.png" class=""
id="plazl_36_Icon" style="position: absolute; top: -2px; left: 74px;"/
></div><div><img height="32" width="32" src="images/icons/
reddit-32x32.png" class="" id="plazl_39_Icon" style="position:
absolute; top: -2px; left: 110px;"/></div>
<div><img height="32" width="32" src="images/icons/
delicious-32x32.png" id="plazl_27_Icon" style="position: absolute;
top: -2px; left: 146px;"/></div>
<div><img height="32" width="32" src="images/icons/
facebook-32x32.png" id="plazl_29_Icon" style="position: absolute; top:
-2px; left: 182px;"/></div>
</div>
and i'm setting up the sortable this way
dockIcons.sortable({items:'div', handle:'img'});
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---