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