StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POjQuery sortable animation?
text
Body
copied!<p>I'm building a small CMS and working with the sortable function for the first time. Pretty interesting and flexible. I'm having only one problem: Everything works great, just as I want, except for the animation while dragging. </p> <p>If I don't try to use animation in any of the sorting events it's fine and the tiles snap into the spots fine, but I'd really like to animate this (much like an iPhone icon rearrange). I know this has something to do with the ui.placeholder and ui.helper elements and one of the change/sort/etc events, but I can't seem to quite get it working. </p> <p>Here's where I am, which works in that once I move to a new spot the vacated space animates away (rather than snapping), but I can't seem to simultaneously animate the new space out to show and my grid essentially collapses by one tile.</p> <p><strong>UPDATE:</strong></p> <p>Here's a simple fiddle with my basic html list layout and the behaviour currently the best I can make it:</p> <p><strong><a href="http://jsfiddle.net/RMVzj/4/" rel="nofollow">-> jQuery sortable grid</a></strong></p> <p>The only thing I want is for the non-selected blocks to animate to their new positions, not snap. It's odd as the authors recognized the need for this option with the item you are dragging (revert speed option in init), but not the rest. I tried using lots of combinations of show/hide animations on the ui.helper/ui.placeholder elements with varying degrees of success. My issue is not really understanding when and where these objects are so the animations have been dodgy at best so far.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload