jquery流沙鏈接到prefiltered頁

Question

我正在使用jquery流沙，我想知道我可以如何返回到該列表預分類的頁面。我不是非常knowledgable在JavaScript中，所以任何幫助將不勝感激。

編輯

發現這個解決方案類似的過濾器http://savethefix.wordpress.com/2011/12/06/filterable-portfolio-with-jquery-with-external-link-support/

，但不能看到如何用流沙配合這

Answer 1

想通了，如果有人有興趣。

$(document).ready(function() { 


// get the action filter option item on page load 
var $filterType = $('#filterOptions li.active a').attr('class'); 

// get and assign the ourHolder element to the 
// $holder varible for use later 
var $holder = $('ul.ourHolder'); 

// clone all items within the pre-assigned $holder element 
var $data = $holder.clone(); 

var $button = $('#filterOptions li'); 

var $all = $('ul.ourHolder li').data('type') === 'all'; 


if (window.location.hash) { 
// reset the active class on all the buttons 
$button.removeClass('active'); 

// assign the class of the clicked filter option 
// element to our $filterType variable 
var $filtered = window.location.hash.replace('#', ''); 

$('a[class=' + $filtered + ']').parent().addClass('active'); 

var $filteredData = $data.find('li[data-type~=' + $filtered + ']').show(); 

// call quicksand and assign transition parameters 
$holder.quicksand($filteredData, { 
    duration: 800, 
    easing: 'easeInOutQuad' 
}); 
} 
// attempt to call Quicksand when a filter option 
// item is clicked 
// Main Filter 
$('#filterOptions li a').on('click', function(e) { 
// reset the active class on all the buttons 
$button.removeClass('active'); 

// assign the class of the clicked filter option 
// element to our $filterType variable 
var $filterType = $(this).attr('class'); 
$(this).parent().addClass('active'); 

var $filterData = $data.find('li[data-type~=' + $filterType + ']').show(); 

// call quicksand and assign transition parameters 
$holder.quicksand($filterData, { 
    duration: 800, 
    easing: 'easeInOutQuad' 
}); 
}); 

//Main Containers 
$('ul.ourHolder').on('click', 'li.all', function(e) { 
// reset the active class on all the buttons 
$button.removeClass('active'); 

// assign the class of the clicked filter option 
// element to our $filterType variable 
var $ba = $('#filterOptions li a'); 
var $filteringType = $(this).attr('id'); 
var $navFilter = $ba.attr('class'); 

var $filteringData = $data.find('li[data-type=' + $filteringType + ']').show(); 

// call quicksand and assign transition parameters 
$holder.quicksand($filteringData, { 
    duration: 800, 
    easing: 'easeInOutQuad' 
}); 
}); 
});