Элемент JQuery append удаляет все элементы html dom

Question

У меня настроена система фильтрации, и я борюсь с jquery .append.

Когда пользователь взаимодействует с системой фильтров, видимые результаты удаляются из домена, а затем равномерно распределяются в <div class="col-1"> ... <div class="col-2">... <div class="col-3">...

Это сделано так, потому что страница выводит персонал по вертикали, но фильтрация должна меняться по горизонтали. Когда вы используете первый фильтр, вы поймете, что я имею в виду.

Пожалуйста, просмотрите эту страницу: демонстрационная страница

1. Нажмите на Спонсора События
2. Затем нажмите на Восток

Я говорю о функции reflowVisibleResults() В основном видимые результаты копируются в массив и затем удаляются из документа, а затем переформатируются слева направо в col-1, col-2, col-3

Вся страница заменена только номером телефона. Если вы перейдете к строке 917 и переключите вышеуказанную строку, она будет работать, как и ожидалось. Я просто не могу понять, как на самом деле выводить HTML из массива объектов jquery.

Answer 1

Согласитесь с Паркер, ваш код кажется слишком сложным для того, что он должен быть. Здесь - быстрый пример того, как я бы это сделал.

Я уверен, что его можно немного оптимизировать и отшлифовать, но этого должно быть достаточно, чтобы вы пошли по правильному пути.

Answer 2

мне кажется, что вы слишком усложнили проблему. я создал систему фильтров, похожую на эту, но я использовал методы jQuery .filter () или .not () для достижения результатов.

Мне понадобилось всего две строки jquery, чтобы создать систему фильтрации.