JQuery Quicksand:从另一个页面直接链接到预过滤的Quicksand

JQuery Quicksand: Link directly to pre-filtered Quicksand from another page

本文关键字:Quicksand 链接 过滤 另一个 JQuery      更新时间:2023-09-26

例如:如果我有一个名为fruit.php的页面,Quicksand的过滤器是'All', 'Apple'和'Bananas',默认设置为'All',我可以从其他页面链接到fruit.php并将Quicksand预过滤为'Apple'或'Banana'吗?

如果您将链接设置为fruit.php#apple,则可以编写一些javascript来解析hashtag并在页面加载上过滤集合:

if(window.location.hash) {
    // run code here to filter the quicksand set
    var $filteredData = $data.find('li[data-type=' + window.location.hash + ']');
    $applications.quicksand($filteredData, {
        duration: 800
    });
}