I'd like to be able to drag items from column A to B and vice versa. Column B, however, should also be sortable.
It KINDA works. What's not working right now is, you can drag things from left to right, but then if you sort items in column B, you suddenly can't drag things from Column A to Column B any more.
My understanding is that the line
will implicity also call Sortable.destroy if the element has already been declared a "Sortable." -- but i haven't found this to always be the behavior. If I explicity add:
at the TOP of my "moveItem" function, everything works as desired, but for some reason, re-ordering items on the right is very wonky. Some times the element won't "catch" in its new position and drop to the bottom. Moving things from up to down works fine, but moving things from down to up seems to be problematic (FF3 - I haven't tested in IE).
dropOnEmpty:true seems to fix this, but seems to lose its "fixing" effect when Sortable.destroy is used.
As a follow-up, using the .hoverActive class makes it easier to know when you can "drop" an item and have it place correctly. However, this is sometimes a little weird. You have to be fairly precise. Is there a parameter to make this easier? Like assigning "snap" to a Sortable? i can only seem to assign snap to draggables.