如何使用data-categories属性进行排序

时间:2012-09-25 21:08:16

标签: html5 sorting filter filtering portfolio

我遇到了一个很好的排序组合,我正在尝试修改以满足我的需求,但我无法弄清楚如何通过URL对列表进行排序。就目前而言,默认情况下是自动加载“所有”项目,然后根据所选类别使用数据类别属性对列表进行排序。这适用于主页,但我的问题在于,我想在内部项目页面上包含相同的菜单,当点击特定类别时,将其链接回主页,排序到适当的类别。

以下是我的具有非工作菜单的项目页面的具体示例:http://staging.jtgurzi.com/single-project.php

以下是包含所有项目的主页:http://staging.jtgurzi.com/

从上面的任何项目页面示例中,我希望能够点击一个类别(例如故事片)并将其链接回所有项目所在的位置,过滤到上述“故事片”类别(在某种意义上几乎像一个锚标签)。由于排序自动生成链接,我不能通过href调用它(或弄清楚如何)。我已经尝试了/index.php&data-categories=feature,但没有骰子。

长话短说,点击项目页面内的类别链接 - >链接回索引页面 - >缩略图会自动过滤到正确的类别。

任何想法都会非常感激。

提前致谢, -Erik

1 个答案:

答案 0 :(得分:0)

使用bbq插件的同位素哈希历史记录正是我所寻找的:

http://isotope.metafizzy.co/demos/hash-history.html