jquery - 同位素过滤器从另一个页面链接

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();