jQuery插件列表选择使用弹出菜单

jQuery plugin for list selection using flyout menus

本文关键字:菜单 插件 列表 选择 jQuery      更新时间:2023-09-26

我不能百分百确定如何解释我所追求的是什么,但我会尽我最大的努力。

我有一个可能的搜索"过滤器"列表。为了便于讨论,我们假设这是针对计算机硬件商店的。过滤器列表看起来像这样:

(比如硬盘的过滤器)

Size -> 2.5"
        3.5"
Connection -> SATA -> SATA
                   -> SATA II
                   -> SATA III
           -> IDE
Capacity -> < 100GB
            < 500 GB
            > 1TB

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

为了避免自己写,懒惰是一种美德,我想要一个插件,它的工作方式如下:

你点击一个按钮,它会弹出一个列表,列出第一组过滤器(大小,连接,容量等),当你把鼠标悬停在这些过滤器上时,它会飞出一个菜单,其中包含下一个级别(例如2.5",3.5"),这种行为允许任何深度的嵌套。

然后,当你点击其中一个项目时,它会将其添加到"选定"过滤器列表中,在它们的父标题下。

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

我知道这已经不太可能被构建为一个插件了,各种谷歌搜索都是空白的,所以我想我应该求助于so的丰富经验来帮助我。

提前感谢,如果问题需要澄清,尽管问,我会尽力更具体。

有几个jQuery插件可以做你想做的。

试试这些方法,然后告诉我有没有对你有效:

  • jQuery UI菜单和菜单栏(这是一个正在进行的工作)
  • jQuery MacDropdown
  • wdContextMenu