Jquery plugins 将jQuery过滤插件(Filtrify)中的菜单集成到站点菜单中

Jquery plugins 将jQuery过滤插件(Filtrify)中的菜单集成到站点菜单中,jquery-plugins,filter,tags,Jquery Plugins,Filter,Tags,我需要为用户创建一种方法,通过来自不同类别的多个标记来解析db查询结果,并在相关菜单项旁边显示一个带有匹配数的图例,类似于shopstyle.com和许多零售网站上使用的导航+过滤 jQuery插件似乎是一种根据搜索条件动态筛选项目的简单方法,但它会动态生成自己独特的菜单,我需要将筛选功能集成到网站现有的菜单和搜索选项中。 Filtrify为每个类别HTML5数据属性创建一个搜索菜单,该类别HTML5数据属性已分配给“containerID”中的项目,菜单中的每个字段标签都会触发一个弹出过滤面板

我需要为用户创建一种方法,通过来自不同类别的多个标记来解析db查询结果,并在相关菜单项旁边显示一个带有匹配数的图例,类似于shopstyle.com和许多零售网站上使用的导航+过滤

jQuery插件似乎是一种根据搜索条件动态筛选项目的简单方法,但它会动态生成自己独特的菜单,我需要将筛选功能集成到网站现有的菜单和搜索选项中。 Filtrify为每个类别HTML5数据属性创建一个搜索菜单,该类别HTML5数据属性已分配给“containerID”中的项目,菜单中的每个字段标签都会触发一个弹出过滤面板。无论“占位符ID”位于何处,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>

嗨,查亚。。。看来我们在非常相似的问题上又取得了联系。这几天我也在和肮脏的人一起工作。我不明白您是否只想可视化某些类别,即仅显示一些“data xxxx”标记或每个类别中有限数量的条目。无论如何,我也有一个问题,但我会在你回答我的评论后告诉你。嗨@DanieleB:-我很高兴我们能重新联系到这件事,因为我终于有机会和肮脏的人玩更多;-我知道你可以限制哪些类别显示在菜单中,但我还没有弄清楚如何将类别拆分,以便将其合并到现有菜单中,每个类别显示在不同的位置。这将是可怕的,因为否则我将不得不放弃肮脏和代码它所有我自己现在没有时间给你一个完整的解决方案。但是您应该重写Filtrify.js第112行的Filtrify.prototype.build=函数f。这是一个JSFIDLE:@DanieleB-我把你的小提琴和一个非常基本的菜单结合起来,在过去的几个小时里一直在玩弄“prototype.build”函数,但我对js还不够精通,不知道如何修改它:-你有没有可能教我怎么做?我会在周一再做这方面的工作。在任何情况下,想法如下:prototype.build函数创建一个新的弹出列表。要做的工作是重写函数,使其不会创建弹出窗口,而是将条目/项列表附加到JSFIDLE示例中的菜单中,前提是它们是“GenreActors DirectorAccount InfoAbout Us”。。。星期一见