Thanks for that Richard. I got it working but the problem was strange.
I basically started from the example you gave and then slowly moved it
towards my version. I have two lists of images both inline. The
problem was in the css.
I needed ul {float: left} applied to both lists otherwise the
draggables didn't seem to find the sortable list. I am sure there is a
better explanation, but this worked for me and I didn't have time to
dig into the javascript to find out the real cause (which I am sure
will bite me at some point).
D
On Mar 17, 10:07 am, "Richard D. Worth" <[email protected]> wrote:
> Perhaps you could use this as a starting point, as it worked for me:
>
> http://paste.pocoo.org/show/108289/
>
> - Richard
>
> On Mon, Mar 16, 2009 at 4:57 PM, dapper <[email protected]> wrote:
>
> > 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>
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
