2017-12-29 6 views
1

例:ユーザーが特定のリンクをクリックすると、特定の領域のフィルタリングされたコンテンツにリダイレクトされます。外部リンク(Isotopeではカスタムのような)にハッシュフィルターを渡します。

シンプルな非表示とクラスでカスタムアイソトープを作成しようとしましたが、今ではリンクを他のページのフィルタリングされたコンテンツに接続できません。
*ハッシュは正しいものの、フィルタリングされたコンテンツは表示されません。 おそらく私はonhashchange機能で何かをしなければなりません。ありがとうございました!

//Generate URL hash 
$('.filter-list .cat-item').on('click', function(){ 
    var filterAttr = $(this).attr('data-filter'); 
    location.hash = "filter=" + encodeURIComponent(filterAttr); 
}); 
//Generate URL hash 
function getHashFilter(){ 
    var currentHash = location.hash.match(/filter=([^&]+)/i); 
    var filterValue = currentHash && currentHash[1]; 
    return filterValue; 
} 
function onHashChange(){ 

    var hashFilter = getHashFilter(); 

    /* if (hashFilter) { 
     $container.isotope({ filter: hashFilter }); 
    } 
    */ 
} 
onHashChange(); 
window.onhashchange = onHashChange; 
+0

最後の行の入力ミスのようです。あなたは 'onhashchange'の代わりに' onhaschange'を持っています。 – DeadLock

+0

気づいてくれてありがとう、しかしこれはポストの上にだけあった。 –

+0

'onHashChange'関数の' hashFilter'はローカル変数のように見えます。どのようにその価値を使う予定ですか?コードのいくつかの重要な部分が欠落しているようです。 – DeadLock

答えて

0

トピックを閉じました。カスタムアイソトープグリッドフィルタのコードの完全なセットの下。

​​
関連する問題