我有一个带有列表标签 (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/