https://dimsz.hu/wp-content/themes/thefox/js/sorting_sp.js

1/* SORTING */ 
2
3
4jQuery.noConflict();
5
6jQuery(document).ready(function($) {
7	"use strict";
8$(function(){
9
10  var $container_staff = $('.masonry_ctn');
11
12
13
14  $container_staff.isotope({
15  itemSelector : '.staff_post',
16  layoutMode : 'masonry'
17  });
18    
19
20  var $optionSets = $('#options .staffoptionset'),
21
22	  $optionLinks = $optionSets.find('a');
23
24
25
26  $optionLinks.click(function(){
27
28	var $this = $(this);
29
30	// don't proceed if already selected
31
32	if ( $this.parent('li').hasClass('selected') ) {
33
34	  return false;
35
36	}
37
38	var $optionSet = $this.parents('.staffoptionset');
39
40	$optionSet.find('.selected').removeClass('selected');
41
42	$optionSet.find('.fltr_before').removeClass('fltr_before');
43
44	$optionSet.find('.fltr_after').removeClass('fltr_after');
45
46	$this.parent('li').addClass('selected');
47
48	$this.parent('li').next('li').addClass('fltr_after');
49
50	$this.parent('li').prev('li').addClass('fltr_before');
51
52
53
54	// make option object dynamically, i.e. { filter: '.my-filter-class' }
55
56	var options = {},
57
58		key = $optionSet.attr('data-option-key'),
59
60		value = $this.attr('data-option-value');
61
62	// parse 'false' as false boolean
63
64	value = value === 'false' ? false : value;
65
66	options[ key ] = value;
67
68	if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {
69
70	  // changes in layout modes need extra logic
71
72	  changeLayoutMode( $this, options )
73
74	} else {
75
76	  // otherwise, apply new options
77
78	  $container_staff.isotope(options);	  
79
80	}	
81
82	return false;	
83
84  });
85
86	$('.masonry').find('img').load(function(){
87
88		$container_staff.isotope('layout');
89		
90
91
92	}); 	
93	
94    $container_staff.isotope('layout');
95});
96
97});