jquery-plugins - jQuery フィルタリング プラグイン (Filtrify) のメニューをサイト メニューに統合する

Question

ユーザーがさまざまなカテゴリの複数のタグによって db クエリの結果を解析し、関連するメニュー項目の横に一致数の凡例を表示する方法を作成する必要があります(shopstyle.com で使用されるナビゲーション + フィルタリングと同様に、および多くの小売サイト）。

jQuery プラグインFiltrifyは、検索基準によってアイテムを動的にフィルタリングする簡単な方法のように思えますが、独自のメニューを動的に生成するため、フィルタリング機能を Web サイトの既存のメニューと検索オプションに統合する必要があります。Filtrify はdata attributes、「containerID」のアイテムに割り当てられた各カテゴリ (HTML5) のフィールド ラベルを含む検索メニューを作成し、メニューの各フィールド ラベルは「ポップアップ」フィルタリング パネルを起動します。Filtrify のメニューは、「placeHolderID」が配置されている場所であればどこでも呼び出されます。

メニュー全体ではなく特定のカテゴリを呼び出して、メニューの関連セクションに組み込み、必要な書式を適用する方法を見つけようとしていますか? または、これを可能にする別の方法またはプラグインを受け入れます。

Filtrify プラグインのスクリプトはこちらから入手できます。ドキュメントにプラグインを適用するために使用するコードを以下に示します。

<script type="text/javascript">
    $(function () {
        $.filtrify("containerID", "placeHolderID");
    });
</script>    

<div id="placeHolderID" style="display:none"></div>

<ul id="containerID">
<li data-item="Dresses" data-style="Long Sleeves, V-Neck" data-price="$300 - $400" data-color="Black">
<!-- Product Fields -->
</li>
</ul>