Hello!

I am trying to combine JQuery UI sortable with droppable to create multiple pages for dropping and sorting things. I have setup a jsFiddle:

http://jsfiddle.net/VUuyx/

... and a standalone demo:

http://whit.info/dev/sortdrop/

Note that you can drag to sort the boxes, even into other columns. You can also click the page buttons to switch pages. My problem lies in combining these two features:

By using droppable, I've allowed the user to drag a box to a page button, the page will then switch, and the user can finish dragging it onto the newly revealed page. The problem is that when the page switches, the first column which appears under the dragged box doesn't have it's over event fire. You have to drag to another column, and then back to the first column to get the placeholder to appear.

I'm not sure, but I think I need to somehow clear the events, or fire them manually. The problem seems to stem from the fact that the dragged box is over the column when it is made visible.

Can you assist with this esoteric dilemma?

Thanks!