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

时间:2011-08-26 14:56:01

标签: javascript jquery

我并不是100%确定如何解释我之后是什么,但我会尽力而为。

我有一个可能的搜索列表"过滤器"。为了争论,让我们说这是针对计算机硬件商店的。过滤器列表如下所示:

(比如硬盘驱动器的过滤器)

Size -> 2.5"
        3.5"

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

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

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

为了避免自己写作,懒惰是一种美德,所有,我在一个插件之后如下工作:

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

然后,当您点击其中一个项目时,它会将其添加到&#34;选择&#34;过滤器,在其父标题下。

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

我知道这已经不太可能已经被构建为插件,并且各种谷歌搜索都变得空白,所以我想我会转向SO的丰富经验来帮助我。

提前致谢,如果问题需要澄清,请问我,我会尽力做到更具体。

1 个答案:

答案 0 :(得分:0)

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

尝试以下任何一项,并告诉我是否有效: