javascript - 灯箱 'next' 功能仍然显示已通过显示 :none; 隐藏的元素 (li)

标签 javascript jquery html css

我有一个带有列表标签 (li) 的无序列表 (ul),我有一些 jQuery 将它们过滤成两组。单击该元素(在本例中为图像)后,会弹出一个灯箱。到这里为止的一切都有效(将 (li) 元素过滤到它们各自的组和灯箱中)。

这就是问题所在,一旦我过滤了图像,灯箱就会有一个“下一张”功能,即使它已被过滤掉,它也会显示下一张 (li) 图片。过滤器是将过滤掉的(li)的缩略图设置为display:none;在 CSS 中。

有没有办法让我通过 jQuery 告诉灯箱忽略用 display:none; 隐藏的元素? 这看起来很简单,但我对 html 和 css 之外的知识是目前非常有限。

PS:我已经四处寻找了几个地方,我找到了可以工作的代码,但是它从页面中删除了 (li),您必须刷新页面才能再次显示。这不是我想要的,因为我有一个用于此目的的“显示全部”按钮。

最佳答案

您可以使用 jQuery .filter 只获取可见元素,例如

$('.class').filter(':visible');

关于javascript - 灯箱 'next' 功能仍然显示已通过显示 :none; 隐藏的元素 (li),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19504791/

相关文章:

javascript - 单击时逐渐关闭音频

javascript - !function(){ }() 与 (function(){ })()

javascript - 在其他 Node javascript 文件中重用 postgresql 池

jquery - 动态添加的元素不换行

javascript - 看不到进度条标签

javascript - 如何使用 ng-hide 和 ng-repeat 根据条件显示元素

javascript - 选择选择选项时将数据加载到 div

javascript - 如何通过javascript或jQuery将iframe中的所有链接设置为 "google.com"?

javascript - 如何使 $ ('#some-id' ) 返回与 getElementById ('some-id' 相同的对象)

javascript - 使用 slideToggle 隐藏/显示高级选项,子元素可见