https://www.truereligion.com/on/demandware.static/Sites-TrueReligi…/js/dynamicYield/dyFilterTrack.js

1// Refinement tracking
2$(document).ready(function() {
3	
4    // normal first call after page load
5    attachRefinementEventHandlers();
6
7    // AGAIN reatach refinment handlers, after clicking, becouse entire section is re-rendered and old listeners lost
8    $('.refinements').on('DOMSubtreeModified', function(el) {
9        attachRefinementEventHandlers();
10    });
11
12
13    // custom function, that attach eventListeners to all clickable refinement items
14    function attachRefinementEventHandlers() {
15
16        // refine items
17        $('div.refinement').find('li').on('click', function(el) {
18
19            dynamicYield.callEvent('Filter Items', {
20                type: $(this).attr("data-type"),
21                value: $(this).attr("data-value")
22            });
23        });
24
25
26        //sorting
27        $('select[name=sort-order]').off("change");
28        $('select[name=sort-order]').on('change', function(el) {
29    		
30        	var sBy = $("select[name=sort-order] option:selected").attr("data-id");
31    		var sOrder = "ASC";
32    		if( sBy === "price-high-to-low" || sBy === "product-name-descending") {
33    			sOrder = "DESC";
34    		}		
35    		dynamicYield.callEvent('Sort Items', {
36    			sortBy: sBy,
37    			sortOrder: sOrder
38    		});
39        });
40    }
41
42}); // ready