jQuery Forum

I want to have 2 tables, the first has source cells, the second table has target cells.

I can drag a div from table 1 to 2 and I've got that working.

However, once the div is in the 'target' table, If I go to drag it to a different cell in the target table, I don't see anything move under the cursor. Yet when I release the cursor, the item does in fact move.

I've got a codepen illustrating this behavior at http://codepen.io/basementjack/pen/EgZWqQ (I'm seeing this behavior in Chrome specifically, It may or may not exist in other browsers)

One other thing I'm struggling with, is that if I place the dragged item down in a way that it's borders touch more than one cell in the 'target' table, my events fire off from every cell it touches. I'd like it to only consider the 'drop' event for a single cell at a time (preferably the one under the cursor.)

Thanks in advance for any help you can shed on this!

 - Jack