5

私はjqueryアイソトープに取り組んでおり、フィルターは同じページのportfolio.htmlで以下に示す方法を使用してうまく機能します:

<li class="current"><a href="#" data-filter="*">all</a></li>
<li><a href="#" data-filter=".design">design</a></li>
<li><a href="#" data-filter=".coding">coding</a></li>
<li><a href="#" data-filter=".logo">logo</a></li>

私が達成しようとしているのは、特定のカテゴリにリンクして、ユーザーが他のページからフィルタリングされたカテゴリに移動できるようにすることです。

次のリンク方法を試しましたが、うまくいきませんでした。

<a href="portfolio.html#filter=logo" data-filter=".logo">logo</a>

誰でも私を助けることができますか？カテゴリを事前にフィルタリングする方法はありますか?

4

2 に答える 2

5

同位体を構成したら、クエリ文字列変数を読み取り、一致するフィルター ボタンをクリックする必要があります。

jsFiddle の例: http://jsfiddle.net/Y6vWn/

var filterFromQuerystring = getParameterByName('filter');
$('a[data-filter=".' + filterFromQuerystring  + '"]').click();
于 2012-07-08T22:23:19.763 に答える
0

明細書-

私はあなたの方法を試しましたが、うまくいかないようです。これらの2行はすべて必要ですか？

同位体フィルター処理されたページへのリンクのメニューHTMLは次のとおりです。

<li><a href="entertainment.html">Entertainment</a>
     <ul>
        <li><a href="entertainment.html#party">Party bands, Show and Tribute bands</a></li>
        <li><a href="entertainment.html#classical">Classical, Jazz, and Easy Listening</a></li>
        <li><a href="entertainment.html#djs">DJs, Emcees, Variety, and Interactive</a></li>
    </ul>
</li>

これが私のフィルターのコードです（ここではIDは使用されていません）：

<div id="filters">
<ul class="option-set" data-option-key="filter">
    <li><a id="f-all" href="#filter" class="selected" data-option-value="*">All</a></li>
    <li><a id="f-party" href="#filter" data-option-value=".party">Party Bands</a></li>
    <li><a id="f-classical" href="#filter" data-option-value=".classical">Classical, Jazz, and Easy Listening</a></li>
    <li><a id="f-djs" href="#filter" data-option-value=".djs">DJs and Emcees</a></li>
</ul>

そして、これが私がフィルタリングされたページの最後に置いたスクリプトです：

<script type="text/javascript">
$(document).ready(function() {
    var pathname = window.location;
    alert(pathname.toString()); //testing purposes
    if(pathname.toString().indexOf("party") != -1){
        alert('shit went through 9'); //testing purposes

        var filterFromQuerystring = 'party'; // getParameterByName('filter');
        $('a[data-option-value=".' + filterFromQuerystring  + '"]').click();
    }
});

URLのハッシュタグの後に続くものに基づいて、ページに別のフィルターを選択させるつもりです。これについてもっと賢い方法はありますか？

于 2012-07-17T04:25:10.450 に答える