jQuery isotope:根据 get 变量过滤页面加载

sup*_*led 5 jquery jquery-isotope

我正在使用 jQuery 同位素插件,并且希望在页面加载时仅显示来自特定组的项目。目前所有项目都显示:

http://aproposstudio.com/category/work/

例如,在上面的链接中,有没有办法加载显示“壁画”的页面?

谢谢。

小智 5

答案很简单:

$('#container').isotope({ filter: '.your-filter-name' });
Run Code Online (Sandbox Code Playgroud)

在您的代码中使用这一行。

请参阅此链接:http ://isotope.metafizzy.co/docs/filtering.html


Ban*_*eil 1

所以我认为你只想使用简单的 hide() 和 show() 方法

如果您使用应用于 html 元素的类,则可以使用以下 jQuery 行轻松选择它们并隐藏它们。

$(".project").hide()
$(".murals").show()
Run Code Online (Sandbox Code Playgroud)

现在,这将“隐藏”所有项目,只显示壁画。

那有意义吗?