Ценовые фильтры Isotope JS перестают работать при выполнении другого вызова AJAX ⇐ Jquery

[Anonymous]

Я создал эту функцию с ползунковым фильтром ценового диапазона, используя Isotope JS. По сути, функция загружается после вызова AJAX и работает впервые. Но если я попытаюсь выполнить еще один другой запрос вызова AJAX, а затем вызвать функцию, ползунок ценового диапазона перестанет работать по неизвестной причине.

function itinerarySearchFilter() { var $grid = jQuery('.isotope-filter-container').isotope(); $grid.isotope('уничтожить'); var $grid = jQuery('.isotope-filter-container').isotope(); $grid.isotope('reloadItems'); var $priceSlider = jQuery('.price-range').slider(); $priceSlider.slider("уничтожить"); // Инициализируем изотоп var $grid = jQuery('.isotope-filter-container').isotope({ itemSelector: '.isotope-item', ПереходДлительность: '0', скрытый стиль: { непрозрачность: 0 }, видимый стиль: { непрозрачность: 1 }, }); // Конфигурация ползунка ценового диапазона jQuery(".price-range").slider({ диапазон: правда, мин: 1, макс: 2500, значения: [1, 2500], слайд: функция (событие, пользовательский интерфейс) { jQuery(".price-range-slider").find("label").html("Из австралийских долларов" + ui.values[0] + "в австралийские доллары" + ui.values[1]); обновлениеФильтры(); } }); // Событие изменения флажков категорий jQuery(".filter-checkbox").change(function () { обновлениеФильтры(); }); // Функция для обновления фильтров изотопов на основе ценового диапазона и категорий функция updateFilters() { var PriceRange = jQuery(".price-range").slider("values"); категории вар = []; jQuery(".filter-checkbox:checked").each(function () { категории.push(jQuery(this).data('категория')); }); // Фильтрация товаров по диапазону цен и категориям $grid.isotope({ фильтр: функция () { вар цена = jQuery(this).data('цена'); var itemCategories = jQuery(this).data('category').split(' '); // Проверяем, находится ли цена товара в выбранном диапазоне var PriceFilter = цена >= PriceRange[0] && цена