jqueryプレフィックス付きページへのクイックリンクとリンク

Question

私はjquery quicksandを使用しています。どのように私はリストを事前に並べ替えてそのページに戻ることができるか知りたいと思っていました。私はjavascriptで非常にknowledgableではないので、任意のヘルプは非常に高く評価されるだろう。

EDITは、同様のフィルタ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' 
}); 
}); 
});