Hi all,
I'm having real trouble with this and all the examples on the web seem to be
for unordered lists, or don't work.
I have three columns (DIVs, with a class of "dbcolumn"), each 33% page
width. Inside these are DIVs with a class of dbbox.
What I'd like to do is drag and drop the dbbox DIVs to re-order them, but
also be able to move them between .dbcolumns so you could take a box from
the left column and move it to the right, for example.
I cannot, for the life of me, get this working. Within individual divs it's
fine but I cannot move a box from one to another. I'm using this Javascript:
$(".dbcolumn").sortable({
connectWith: ".dbcolumn"
});
Alongside this HTML:
<div class="dbcolumn">
<div class="dbbox"></div>
<div class="dbbox"></div>
</div>
<div class="dbcolumn">
<div class="dbbox"></div>
<div class="dbbox"></div>
</div>
<div class="dbcolumn">
<div class="dbbox"></div>
<div class="dbbox"></div>
</div>
Can anyone help me out? Thanks!
Regards,
Michael Price
--
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.
