jQuery在过滤后仅导航可见项目

Question

我制作了一个简单的箭头键导航列表（使用firedevs jquery keynav插件），可以在这里看到： https://output.jsbin.com/zowowo

编辑： https://jsbin.com/zowowo/edit?html,css,js

它现在可以正常工作但是在点击Contact Group 1或2菜单以使用.toggle（）过滤列表之后，它仍在导航已删除/隐藏的列表项。尝试使用.remove（）代替，但仍然存在同样的问题。我能让它工作的唯一方法是使用不同的html完全刷新页面。

我希望能够在过滤后仅导航所显示的项目，并且删除的项目不应该是可导航的。一个想法是让它隐藏而不是删除，并在脚本中检查它是否可见，否则忽略它但我不知道如何实现，因为我是新的前端。可能有各种方法来实现结果。

我真的很感激，如果一些前端专业人士可以解释一下，谢谢！

Answer 1

男人，这件事有问题。

所以，首先我在名为eupdate的函数中创建了一个方法（外部更新的简称）。

然后我编辑了您的点击事件以包含一些检查以查看当前选择是否在单击后可见，如果没有，则将第一个可见元素设为当前。 我不得不在方法中添加一个重置电流。

请查看此处的输出：

https://output.jsbin.com/zegirid

此处可编辑版本：

https://jsbin.com/zegirid/1/edit?html,css,js,console,output

我添加了一些符号来表明我的所作所为。