problem with draggable and sortable lists

problem with draggable and sortable lists


Hi there,
I am having a nightmare with getting a list of images that are
draggable connecting to a list of images that are sortable. the
sortables sort between themselves. The draggables seem to drag, but
the draggables refuse to connect with the sortables list.
Any help would be greatly appreciated. I am using 1.3.2 and 1.7 for
the ui.
------
this is my jquery snippet
$('#draggable > li').draggable({
                helper: 'clone',
connectToSortable: "#gallery_list"
                });
$("#gallery_list").sortable();
----------------
This is my html snippet
<ul class="thumbnails sortable" id="gallery_list">
<li class="tagged_photo" id="tagged_photo_126">
<div class="img">
<a id="y_126" href="/admin/photos/126/tags"><img
height="75" width="75" src="/photos/42_small.jpg?1236010310"
alt="Photo-42_small"/></a>
</div>
</li>
<li class="tagged_photo" id="tagged_photo_121">
<div class="img">
<a id="y_121" href="/admin/photos/121/tags"><img
height="75" width="75" src="/photos/55.jpg?1235915161"
alt="Photo-55_small"/></a>
</div>
</li>
</ul>
<ul id="draggable">
<li class="photo" id="photo_126">
<a id="x_126" href="/admin/photos/126/tags"><img
height="75" width="75" src="/photos/42.jpg" alt="Photo-42_small"/></a>
</li>
<li class="photo" id="photo_121">
<a id="x_121" href="/admin/photos/121/tags"><img
height="75" width="75" src="/photos/54.jpg?1235915161"
alt="Photo-54_small"/></a>
</li>
</ul>