Así que tengo este problema desconocido con mi código, todo parece funcionar bien; la búsqueda funciona, el filtro funciona, pero cuando intento buscar después de aplicar un filtro, ya no funciona.
$('.select').on('click', '.filter-dropdown', function() { var parent = $(this).closest('.select'); if (!parent.hasClass('is-open')) { parent.addClass('is-open'); $('.select.is-open').not(parent).removeClass('is-open'); } else { parent.removeClass('is-open'); } }).on('click', 'ul>li', function() { var parent = $(this).closest('.select'); parent.removeClass('is-open').find('.filter-dropdown').text($(this).text()); $('.filter-item').removeClass('active'); $(this).addClass('active'); var selector = $(this).attr('data-filter'); $('.japps-container').isotope({ filter: selector }); return false; }); var qsRegex; var japps = $('.japps').isotope({ // options itemSelector: '.japps-item', layoutMode: 'fitRows', filter: function() { var $this = $(this); var searchResult = qsRegex ? $this.text().match(qsRegex) : true; return searchResult; } }); var $quicksearch = $('.filter-search').keyup(debounce(function() { qsRegex = new RegExp($quicksearch.val(), 'gi'); japps.isotope(); }, 1)); function debounce(fn, threshold) { var timeout; threshold = threshold || 100; return function debounced() { clearTimeout(timeout); var args = arguments; var _this = this; function delayed() { fn.apply(_this, args); } timeout = setTimeout(delayed, threshold); }; }Consulte el enlace de CodePen a continuación para ver el código completo.
Código: https://codepen.io/bonafideboss/pen/oNeyMbQ
No pude encontrar el problema. Por favor aconséjame. Gracias por adelantado.