how to use jquery to drag and drop from multiple tabs

im building a toolbox application that has panes of items that can be dropped onto a canvas. problem is.. when i build the application i want multiple tabs of items that ca开发者_Go百科n be dropped on to a canvas(div) and the co-ordinates recorded

I have seen some good examples of how to use jquery to do drag and drop and separately on how to do tabs. but nothing that combines the two

This might help you:

jquery-ui connect lists through tabs

However it's a tutorial for jquery-ui's "sortable" feature, so perhaps more than what your looking for. But it's tutorial could still be useful, as it's using dropable as well.