javascript - 使用 Hash 或 GET 参数初始化 jQuery 过滤器

Question

更新
由于我最初的问题(如下)的活跃度较低，我将其改写如下:
如何初始化 MIXITUP jQuery filter从其他 url 使用哈希或 GET 参数？

====

我正在使用 MIXITUP jQuery filter用于对一页上的多个元素进行排序。有没有一种方法可以从另一个页面建立一个链接，其中一个文件管理器已经处于事件状态？
我们的想法是为每个 category 和一个 main 漏洞页面的链接。类别链接会将访问者带到第二个页面，其中 selected category 过滤器已经激活。如果访问者选择 main 链接，他将到达可见的 all categories 页面。例如，假设我销售电缆并希望在 HDMI 激活的情况下建立从 index 到 store 的链接，以便在进行跳转时访问者登陆商店页面，只看到HDMI电缆，当然可以选择其他过滤器以查看其余产品。
请询问如果您需要更多信息、示例代码或其他任何东西..

提前致谢

Answer 1

您可以使用 load.filter setting 指定在页面加载时立即生效的过滤器。像这样:

$('#container').mixItUp({
  load: {
    filter: 'your filter'
  }
});

没有什么能阻止您从 document.location.hash property 获取此设置的值.您可以检查散列是否为空，如果不是，则将其值用作过滤器:

$('#container').mixItUp({
  load: {
    filter: document.location.hash == '' ? 'all' :
      ('.' + document.location.hash.substring(1))
  }
});

hash.substring(1) 是必需的，因为字符串将包含 # 字符本身，我在开头附加 . 因为我认为您可能希望始终按类过滤，而无需在 URL 中包含点。

CodePen 上的演示:

• 无过滤器:http://s.codepen.io/izstas/full/Ddkse
• 按类category-1过滤:http://s.codepen.io/izstas/full/Ddkse#category-1