我需要为用户创建一种方法来通过来自不同类别的多个标签来解析数据库查询结果,并在相关菜单项旁边显示一个带有匹配数的图例(类似于 shopstyle.com 上使用的导航 + 过滤和许多零售网站)。
jQuery 插件Filtrify似乎是一种通过搜索条件动态过滤项目的简单方法,但是它会动态生成自己独特的菜单,我需要将过滤功能集成到网站的现有菜单和搜索选项中。Filtrify 创建一个搜索菜单,data attributes
其中包含已分配给“containerID”中项目的每个类别 (HTML5) 的字段标签,并且菜单中的每个字段标签都会触发一个“弹出”过滤面板。无论 'placeHolderID' 位于何处,都会完整调用 Filtrify 的菜单。
我试图弄清楚如何调用特定类别而不是整个菜单,以便我可以将其合并到菜单的相关部分并应用必要的格式?或者,我愿意接受允许我这样做的另一种方法或插件。
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>