Как сделать чтобы фильтр отработал стразу?

Question

[Toy Boy]

есть 2 фильтра, как сделать чтобы они сразу отработали без клика на них, то есть при загрузке страницы.

Comments

[Антон Литвиненко]

Оба должны при загрузке отработать?

[Toy Boy]

хотя бы первая

Answer 1

[Сергей Соколов]

function filterByCategory(cat) {
  const dataCats = $("[data-cat]");
  if (cat == 'all') {
    dataCats.removeClass("hide");
  } else {
    dataCats.each(function () {
      if (cat == $(this).data('cat')) {
        $(this).removeClass('hide');
      } else {
        $(this).addClass('hide');
      }
    });
  }
}

$(function () {
  const worksSlider = $('[data-slider="slick"]');

  /* Filter
  =====================*/
  const filter = $("[data-filter]");

  filter.on("click", function (event) {
    event.preventDefault();
    const cat = $(this).data('filter');
    filterByCategory(cat);
  });
  
  filterByCategory('female');
});

Comments

[Toy Boy]

Моё почтение, сир

Answer 2

[Даниил Попов]

Завернуть функции фильтров в ready

Вот так

$(function() {
  const worksSlider = $('[data-slider="slick"]');

    /* Filter
    =====================*/
    let filter = $("[data-filter]");

    filter.on("click", function(event) {
        event.preventDefault();
        changeBlocksVisibility($(this).data('filter'))
    });
  });

$().ready(() => changeBlocksVisibility("female"));

function changeBlocksVisibility(cat = 'all') {
        if(cat == 'all') {
            $("[data-cat]").removeClass("hide");
        } else {
            $("[data-cat]").each(function() {
                let workCat = $(this).data('cat');

                if(workCat != cat) {
                    $(this).addClass('hide');
                } else {
                    $(this).removeClass('hide');
                }
            });
        }
}

Comments

[Toy Boy]

завернул, не помогло

[Даниил Попов]

Toy Boy, дополнил ответ. Все работает