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

Question

更新
由于原始问题的活动性较低(下图)我简单地
将其改为:我如何使用Hash或GET参数从其他URL 初始化MIXITUP jQuery过滤器？

====

我使用MIXITUP jQuery过滤器在一个页面上排序几个元素.有没有办法从其他页面与其中一个已经激活的文件管理器建立链接？
我们的想法是为每个孔页面提供一个链接category以及一个main链接.类别链接会将访问者置于第二页,并且selected category过滤器已激活.如果访问者会选择main链接,他将登陆页面并all categories显示.例如可以说我卖电缆,并希望有从一个链接index到store与HDMI激活,这样,当跳跃已经取得了对访问者的土地store页,只看到HDMI电缆,与选择其他过滤器的选项来查看的其他部分产品当然.
请询问您是否需要更多信息,示例代码或其他任何内容..

提前致谢

Answer 1

您可以使用以下load.filter设置指定在加载页面时生效的过滤器:

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

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

$('#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