An exception from "Uncaught TypeError: Object # does not have a quicksand method" works for me, and I can not find where this error came from. I am very new to jQuery and Java Script, and not sure what is wrong.
I am trying to implement an example here: http://www.evoluted.net/thinktank/web-development/jquery-quicksand-tutorial-filtering
I took this code and I ran the index file and I see that it works fine, so I just copied the list and took its contents main.js and combined with the one I already need to get this function
$(document).ready(function () {
$("#myController").jFlow({ controller: ".jFlowControl", slideWrapper: "#jFlowSlider", slides: "#mySlides", selectedWrapper: "jFlowSelected", width: "960px", height: "350px", duration: 400, prev: ".jFlowPrev", next: ".jFlowNext", auto: true });
$().UItoTop({ easingType: 'easeOutQuart' }); jQuery("a[data-gal^='prettyPhoto']").prettyPhoto({ social_tools: false });
var $filterType = $('#filterOptions li.active a').attr('class');
var $dataholder = $('ul.ourHolder');
var $data = $dataholder.clone();
$('#filterOptions li a').click(function(e) {
$('#filterOptions li').removeClass('active');
var $filterType = $(this).attr('class');
$(this).parent().addClass('active');
if ($filterType == 'all') {
var $filteredData = $data.find('li');
}
else {
var $filteredData = $data.find('li[data-type=' + $filterType + ']');
}
$dataholder.quicksand($filteredData, {
duration: 800,
easing: 'easeInOutQuad',
attribute: "data-id",
});
return false;
});
}
);
"But I get an error: $ dataholder.quicksand ($ filterData, duration: 800, easing: 'easeInOutQuad'});
Any idea what to do?