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

Question

我正在研究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>

谁能帮我吗？有没有任何方法来预过滤类别？

Answer 1

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

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

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