Make all dom elements movable

Question

I know I can do something like:

  $(function() {
    $( ".className" ).draggable();
  });

If I want to make the class className draggable, but how about making all elements inside the page draggable ?

Hopefully, this would be just hypothetical, not real world, right? Like adding `*, *:before, *:after { transition: all 1s ease; }` to your CSS. — Phil Tune, Dec 03 '14 at 16:43
If you know the elements you could make it slightly less taxing, ie if you are only using divs, p, h1, span, etc. And there could be lots of elements you don't need to target, especially inline elements, so these would not be selected by the * wildcard. — lharby, Dec 03 '14 at 16:46

score 3 · Answer 1 · answered Dec 03 '14 at 16:40

3

Against all good sense you could do this:

$('body *').draggable();

Note that it's likely to severely tax most systems, though.

answered Dec 03 '14 at 16:40

isherwood

score 2 · Answer 2 · answered Dec 03 '14 at 16:41

2

$( "*" ).draggable(); Should do what you are asking

answered Dec 03 '14 at 16:41

Zach Leighton

score 2 · Answer 3 · answered Dec 03 '14 at 16:41

2

$(function() {
    $('*').draggable();
});

P.S. DO NOT DO THIS... it will really slow down your browser.

answered Dec 03 '14 at 16:41

Phil Tune

3 Answers3