Search code examples
jqueryquicksand

QuickSand not working

I've been trying to get quicksand to work but it has been a pain and I haven't gotten anywhere.

I can't even get the simplest example to work: http://jsfiddle.net/KoenvE/wVA6y/

I've been searching and trying things out all day yesterday but with no success.

What am I doing wrong?

The js code I have right now:

//QuickSand
var $itemsHolder = $('ul.portfolioSorter');
var $itemsClone = $itemsHolder.clone(); 
var $filterClass = none;

$('ul.dropDownUL li').click(function(e) {
e.preventDefault();
$filterClass = $(this).attr('data-value');

if($filterClass == 'all'){
    var $filters = $itemsClone.find('li');
} else {
    var $filters = $itemsClone.find('li[data-type='+ $filterClass +']');
}

$itemsHolder.quicksand($filters, {
    duration: 1000
});
});
Solution

  • as i have stated in my comment.. you cannot set variable as none.. set is as empty.

     var $filterClass = "";

    and the plugins is using 

     if ($.browser.msie || (typeof ($.fn.scale) == 'undefined')) {

    $.browser is removed in jquery 1.9 so using older version of jquery works..

    however it is recommend against using this property; please try to use feature detection instead (see jQuery.support). jQuery.browser may be moved to a plugin in a future release of jQuery.

    fiddle here