Как запретить вывод одной из категорий портфолио в общую категорию?

144

29 октября 2018, 04:10

Есть вёрстка портфолио. В нём есть несколько разделов.

Работы в портфолио распределяются по разделам. Так же, присутствует раздел "Всё" - куда попадают работы из всех разделов.

Появился вопрос : как запретить вывод определённых работ из определённых разделов в общий раздел "Всё" ?

Например я хочу, чтобы эта работа из раздела "Первая категория" не попала в раздел "Всё". Как можно запретить вывод ?

Вот прикладываю ссылку на сайт ( это версия для теста ) :Ссылка на сайт

Благодарю за помощь!

Answer 1

У вас на каждой кнопке категорий есть условия для фильтрации, в атрибуте data-filter, согласно которому отображаются те или иные картинки.

<div class="portfolio-menu portfolio-left-menu text-center mb-50">
                    <button class="active" data-filter="*">Всё</button>
                    <button data-filter=".mix1">Категория 1 </button>
                    <button data-filter=".mix2">Категория 2 </button>
                    <button data-filter=".mix3">Категория 3 </button>
                    <button data-filter=".mix4">Категория 4 </button>
</div>

Изображениям присвоены классы как и в data-filter: .mix1,.mix2 и т.д

При клике на раздел, вы получаете класс и отфильтровываете изображения с этим же классом для их отображения:

var filterValue = $(this).attr('data-filter');

На кнопке "Всё" передается *, что означает отобразить все. Чтоб убрать какое либо изображение из меню "Всё", задайте там другое условие для фильтрации.