保存jquery同位素过滤历史

Question

我正在使用Jquery同位素过滤我的主页上的产品。

我的网页上：http://osaiart.no/terrazzolys.php

我有不同类别的产品。问题是，如果您点击与第一个不同的类别，然后点击某个产品。当您点击后退按钮时，它不会识别您所在的类别。

当你回去时，它是否可以识别你所属的类别？

Answer 1

我不确定是否有从同位素本身提供的任何具体方法，但这是我会做的。使用javascript cookie来存储所选类别的值。然后在页面加载你可以过滤掉这样

$('#container').isotope({ filter: '.selected' }); 
//filter out other products and show the only category that has the .selected class 

这里的其他产品是一个Cookie插件，我通常去https://github.com/carhartl/jquery-cookie 和进一步实施类似的控制与后退按钮过滤等，你可以使用HTML5的历史api或者像这样简单实现的插件 - https://github.com/balupton/jquery-history