Estoy aprendiendo desarrollo web. Actualmente, estoy en la etapa inicial. De repente me enfrento a un problema con el 'filtro de isótopos'. El filtro no funciona. Todos mis elementos de cuadrícula se muestran primero. Pero cada vez que hago clic en otro botón, todos los elementos desaparecen inmediatamente. Estaba tratando de filtrar todos los elementos en diferentes secciones debajo de los diferentes botones. Tal vez no pude explicar mi problema correctamente, aún así, ¿alguien puede ayudarme a solucionar mi problema?

 var filter_btn = document.querySelectorAll(".filter-btn"); filter_btn.forEach((btn) => { btn.addEventListener("click", () => { filter_btn.forEach((button) => button.classList.remove("active")); btn.classList.add("active"); let filterValue = btn.dataset.filter; $(".grid").isotope({filter: filterValue}); }); }); $('.grid').isotope({ itemSelector: '.grid-item', layoutMode: 'fitRows', transitionDuration: "0.6s" });