I have a simple jsbin example using your divs that works; I don't have
your CSS. Perhaps I am not following what you want to happen; You can
update the jsbin site by adding /edit
Here is the jsbin URL
http://jsbin.com/ijive
On Nov 30, 3:41 am, "Michael Price" <m...@edwardrobertson.co.uk>
wrote:
> 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 jquery...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
