我可以從其他頁面傳遞過濾器值嗎？

Question

我在項目上使用jQuery Isotope。

我可以通過不同頁面上的href鏈接將過濾器值傳遞給它嗎？所以當我用同位素登陸頁面時，它會根據href過濾佈局。

Answer 1

是的。您可以將hash history addin用於同位素，它使用jQuery BBQ。

本示例僅僅是Isotope文檔中哈希歷史記錄頁面源的副本。

$(window).bind('hashchange', function(event){ 
    // get options object from hash 
    var hashOptions = window.location.hash ? $.deparam.fragment(window.location.hash, true) : {}, 
     // do not animate first call 
     aniEngine = hashChanged ? 'best-available' : 'none', 
     // apply defaults where no option was specified 
     options = $.extend({}, defaultOptions, hashOptions, { animationEngine: aniEngine }); 
// apply options from hash 
$container.isotope(options); 
// save options 
isotopeOptions = hashOptions; 

// if option link was not clicked 
// then we'll need to update selected links 
if (!isOptionLinkClicked) { 
    // iterate over options 
    var hrefObj, hrefValue, $selectedLink; 
    for (var key in options) { 
    hrefObj = {}; 
    hrefObj[ key ] = options[ key ]; 
    // convert object into parameter string 
    // i.e. { filter: '.inner-transition' } -> 'filter=.inner-transition' 
    hrefValue = $.param(hrefObj); 
    // get matching link 
    $selectedLink = $optionSets.find('a[href="#' + hrefValue + '"]'); 
    changeSelectedLink($selectedLink); 
    } 
} 

isOptionLinkClicked = false; 
hashChanged = true; 
}) 

    // trigger hashchange to capture any hash data on init 
    .trigger('hashchange'); 

});