Looks like I just needed to update to the latest versions of jQ and UI - 1.3.2 + 1.7.2 and it works :)
Thanks! Regards, Michael Price -----Original Message----- From: intrader [mailto:[email protected]] Sent: 30 November 2009 17:57 To: jQuery UI Subject: [jquery-ui] Re: Drag and drop between columns 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" <[email protected]> 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 [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. -- 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.
