Ok i think i get it. If you look at the js code , after function gallery(){}
youre gonna see the codes for filtering operations like this:
var $itemsHolder = $('ul.thumbnails');
var $itemsClone = $itemsHolder.clone();
var $filterClass = "";
$('ul.filter 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 },
gallery
);
});
Now this is setting filters when the page was first load so since new added items arent gonna be in $itemsHolder
list, further filtering is not gonna involve new added items. What you need to do is wrap this code in a function like:
function gallery_filter() {
var $itemsHolder = $('ul.thumbnails');
.....
}
And then call this function after ajax succes:
success:function(html)
{
$('.thumbnails').html(html);
gallery_filter(); // here
}