javascript - 使用弹出菜单进行列表选择的 jQuery 插件

标签 javascript jquery

我不是 100% 确定如何解释我所追求的,但我会尽力而为。

我有一个可能的搜索“过滤器”列表。为了便于讨论,假设这是一家计算机硬件商店。过滤器列表如下所示:

(例如硬盘过滤器)

Size -> 2.5"
        3.5"

Connection -> SATA -> SATA
                   -> SATA II
                   -> SATA III
           -> IDE

Capacity -> < 100GB
            < 500 GB
            > 1TB

类似上面的内容代表我拥有的过滤器类型。

为了避免自己编写,懒惰是一种美德,我正在寻找一个如下工作的插件:

您单击一个按钮,该按钮会弹出第一组过滤器(大小、连接、容量等)的列表,当您将鼠标悬停在这些过滤器上时,它会弹出一个包含下一级(2.5"、3.5"、例如)并且此行为将允许任何深度的嵌套。

然后,当您点击其中一项时,它会将其添加到“选定”过滤器的列表中,位于其父标题下。

我意识到这可以像自定义菜单插件一样简单,然后构建某种自定义处理程序,将单击的项目添加到列表中,但我希望将这个“添加过滤器”按钮放置在页面并重新定位等。如果有人添加了过滤器,我希望按钮向下移动到选择下方,以准备好选择下一个过滤器(同时结果实时显示在下方)。

我知道这不太可能已经作为插件构建,而且各种 Google 搜索结果都是空白,所以我想我应该求助于 SO 的丰富经验来帮助我。

提前致谢,如果问题需要任何澄清,请直接提问,我会尽力更具体。

最佳答案

有几个 jQuery 插件可以满足您的需求。

尝试其中的任何一个并告诉我是否对您有用:

关于javascript - 使用弹出菜单进行列表选择的 jQuery 插件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7206609/

相关文章:

javascript - 如何在 Javascript 中从 http 源返回图像

javascript - jQuery find() 在 IE 和 FF 中的顺序不同

jQuery 如果不是 '0'

javascript - 解析来自 Servlet 的 JSON 响应

Javascript:在所见即所得编辑器中的插入符号处粘贴文本

javascript - 在应用程序脚本中分离 html 文件

javascript - Tokeninput将新标签保存到数据库

jquery - 当您快速移动鼠标时,鼠标移动速度会变慢

javascript - 验证后无法在 select2 的输入中添加类

php - 如何使用ajax获取分页链接(laravel 4.2)