[jQuery] Simple(ish?) "bring to top" method
I've got something I'm building wherein several boxes will be
draggable. What I'd like to do is have a function that can be called
when dragging stops(Interface onStop), or just when a box is clicked
that would bring it to the top of the stack via the z-index.
Of course, the writers of the CSS spec didn't think to just provide a "top" value, so this isn't directly possible.
I tried something like just:
onStop : function() {
$('.dragbox').css("z-index","1");
$(this).css("z-index","10000");
}
but that ends up pretty obviously wrong, since it causes the other
elements to shuffle. They're all set to "1," and so end up in the
natural source-order stacking, rather than retaining their relative
positions, just under the currently active box.
Is there a way to do this that isn't too involved? Speak to me like
someone who knows just enough JS to break other people's JS *grin*
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/