razorjack/quicksand — Issue #67: Unable to get animations working
Author: gitt
Created: 2011-10-11 07:54:51+00:00
State: open

I get an odd animation when working with quicksand. You can see an example at the below link:

http://f.cl.ly/items/1x0K2A012Q3X3V0Z1f3c/Screen%20Recording.mov

Here is the code.

```javascript
$('.datebox li a').live('click', function() {

var obj = $(this);
var $images = $('#unsorted_photos ul');
var $data = $images.clone();
var $filteredData = $data.find('li');

var $sortedData = $filteredData.sorted({
by : function(v) {
return parseInt($(v).attr('data-id'));
},
reversed : (obj.text() == "Oldest")
});

$images.quicksand($sortedData, {
duration: 800,
easing: 'easingInOutQuad'
});

});
```

```html

IMG_3971
10/11/2011

IMG_3970
10/11/2011

IMG_3969
10/11/2011

IMG_3968
10/11/2011

```