https://khshield.com/template/js/module/IsotopeModule.js

1export default function IsotopeModule() {
2    var itemSelector = '.isotopeItem';
3
4    const isotope = document.querySelector('.isotopeGrid');
5    if (isotope) {
6        var $grid = $('.isotopeGrid').isotope({
7            itemSelector: itemSelector,
8        });
9
10        var currentFilter = '*';
11        var filterAtribute = 'data-filter';
12
13        function changeFilter(selector) {
14            $grid.isotope({
15                filter: selector,
16            });
17        }
18
19        function goToPage(n) {
20            var selector = itemSelector;
21            selector += (currentFilter != '*') ? '[' + filterAtribute + '="' + currentFilter + '"]' : ''; 
22
23            changeFilter(selector);
24        }
25
26        goToPage(1);
27
28        //Adicionando Event de Click para as categorias
29        $('.isotopeTab').click(function () {
30            $('.active.isotopeTab').removeClass('active');
31            $(this).addClass('active');
32            var filter = $(this).attr(filterAtribute);
33            currentFilter = f

33ilter;
34            goToPage(1);
35        });
36    }
37}