Shuffle.js - 寻找使用<select>

Question

我一直在玩Shuffle.js，真的很喜欢它的流畅程度。我正在寻找一种使用SELECT表单字段过滤结果的方法。 我的问题的第二部分：使用SELECT到文件管理器这是一个好主意吗？我已经成功地弄清楚如何使用无序列表作为下拉列表进行过滤，但问题是所选术语在崩溃时不会保持突出显示...这就是为什么我在看SELECT。我感谢任何反馈！ 这是我的代码看起来像（bootstrap 3 + wordpress）： ＆lt; ul class =“nav nav-tabs”＆gt;             ＆lt; li role =“presentation”class =“dropdown”＆gt;                 ＆lt; a class =“dropdown-toggle”data-toggle =“dropdown”href =“＃”role =“button”aria-haspopup =“true”aria-expanded =“false”＆gt;过滤字段注释类别＆lt; span类= “^符号” ＆GT;＆LT; /跨度＆GT;＆LT; / A＆GT;                 ＆lt; ul class =“dropdown-menu portfolio-sorting”＆gt;                     ＆lt; li＆gt;＆lt; a href =“＃”data-group =“all”class =“active”＆gt;所有＆lt; / a＆gt;＆lt; / li＆gt;                     ＆lt;？php foreach（$ custom_terms as $ custom_term）{？＆gt;                     ＆lt; li＆gt;＆lt; a href =“＃”data-group =“＆lt;？php echo $ custom_term-＆gt; slug？＆gt;”＆gt;＆lt;？php echo $ custom_term-＆gt; name？＆gt;＆lt; / A＆GT;＆LT; /锂＆GT;                     ＆lt;？php}？＆gt;                 ＆LT; / UL＆GT;             ＆LT; /锂＆GT;         ＆LT; / UL＆GT; https://vestride.github.io/Shuffle/ ------------------------ UPDATE ------------------------ 所以今天我一直在寻找几个小时，并决定放弃尝试使用Select下拉，并转而关注尝试模拟它。这是一个很好的解决方法：http：//jsfiddle.net/Starx/a6NJk/2/ 使用jQuery和一些JS是一个非常简单和优雅的解决方案。只需要替换每个列表项中的数据组变量，并且使用Shuffle.js进行过滤非常有用。希望这有助于任何想要做同样事情的人！ HTML ＆LT; UL＆GT;     ＆lt; li class =“init”＆gt; [SELECT]＆lt; / li＆gt;     ＆lt; li data-value =“value 1”＆gt;选项1＆lt; / li＆gt;     ＆lt; li data-value =“value 2”＆gt;选项2＆lt; / li＆gt;     ＆lt; li data-value =“value 3”＆gt;选项3＆lt; / li＆gt; ＆LT; / UL＆GT; CSS ul {   身高：30px;   宽度：150px;   边框：1px＃000 solid; } ul li {padding：5px 10px; z-index：2; } ul li：not（.init）{float：left;宽度：130px; display：none;背景：#ddd; } ul li：not（.init）：hover，ul li.selected：not（.init）{background：＃09f; } li.init {cursor：pointer; } a＃submit {z-index：1; } JS $（“ul”）。on（“click”，“。init”，function（）{     。$（本）.closest（ “UL”）儿童（ '礼：没有（的.init）'）切换（）; }）; var allOptions = $（“ul”）。children（'li：not（.init）'）; $（“ul”）。on（“click”，“li：not（.init）”，function（）{     allOptions.removeClass（ '选择'）;     $（本）.addClass（ '选择'）;     。$（ “UL”）儿童（ 'INIT'）HTML（$（本）的.html（））;     allOptions.toggle（）; }）; $（“＃submit”）。click（function（）{     alert（“所选值为”+ $（“ul”）。find（“。selected”）。data（“value”））; }）;

Answer 1

我找到了解决方法并编辑了我的原始帖子。希望它有所帮助！