A problem with jQueryUI draggable

Here is my demo code, I made some cove开发者_StackOverflow社区rs on a div, and want to drag that div, but it doesn't work.

-0-,sorry all,I resoved it myself.....here is the code lol

It's not sure what parts of the page you want to be draggable, but in the HTML you create the draggable div and add all the other divs that are layered on top of it. The other divs are not inside the draggable div so naturally they block the dragging action (there's no surface on the draggable div that wouldn't be covered by a static div).

If you mean all the stuff you have there to move along with the draggable div you have to put them inside the draggable div: http://jsfiddle.net/r6PXp/

On the other hand if you want the bottom div be draggable so that you could "slide" it away from the static divs on top of it things get more complex.