jquery – 从另一页链接的同位素过滤器

前端之家收集整理的这篇文章主要介绍了jquery – 从另一页链接的同位素过滤器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在研究jquery同位素,过滤器在同一页面portfolio.html上使用下面给出的方法可以正常工作:
<li class="current"><a href="#" data-filter="*">all</a></li>
<li><a href="#" data-filter=".design">design</a></li>
<li><a href="#" data-filter=".coding">coding</a></li>
<li><a href="#" data-filter=".logo">logo</a></li>

我想要实现的是链接到特定类别,以便我的用户可以从其他页面进入过滤类别.

我尝试了以下链接方法,但它不起作用:

<a href="portfolio.html#filter=logo" data-filter=".logo">logo</a>

谁能帮我吗?有没有任何方法可以预先过滤类别?

解决方法

配置同位素后,您需要读取查询字符串变量,然后单击匹配的过滤器按钮.

jsFiddle示例:http://jsfiddle.net/Y6vWn/

var filterFromQuerystring = getParameterByName('filter');
$('a[data-filter=".' + filterFromQuerystring  + '"]').click();

猜你在找的jQuery相关文章