Копаюсь в чужом коде, чтобы добавить стрелки (вперед назад) переключение категорий объектов. Моя первая идея была, добавление массива из всех data-id="" и переключать на след массив, через .change(function(e). Я новичок в js, есть идеи как реализовать?
$('.filter_form form').change(function(e) {
e.preventDefault();
var fromm = $('.from', this).val(),
to = $('.to', this).val(),
area = $('.area', this).val(),
storeys = $('.storeys', this).val();
foundation = $('.foundation', this).val();
$('.content_items .row').fadeOut(200);
$('.advantages').fadeOut(200);
$.ajax({
type: "post",
dataType: "json",
url: myajax.url,
data: {
action: 'load_posts',
nonce: myajax.nonce,
from: fromm,
to: to,
area: area,
storeys: storeys,
foundation: foundation
},
success: function(html) {
$('.filter_item').removeClass('active');
$('.content_items .row').html(html.posts_back).fadeIn(300);
},
}, 'json');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="filter_menu">
<ul>
<li><a href="домен/category/bani/" class="filter_item active" data-id="17">Бани</a></li>
<li><a href="домен/category/besedki/" class="filter_item" data-id="14">Беседки</a></li>
<li><a href="домен/category/bytovye-domiki/" class="filter_item" data-id="13">Бытовые домики</a></li>
<li><a href="домен/category/garazh/" class="filter_item" data-id="11">Гаражи</a></li>
<li><a href="домен/category/brus/" class="filter_item" data-id="5">Дома из бруса</a></li>
<li><a href="домен/category/kamennyj-dom/" class="filter_item" data-id="4">Дома из камня</a></li>
<li><a href="домен/category/kleennyj-bruc/" class="filter_item" data-id="7">Дома из клеенного бруcа</a></li>
<li><a href="домен/category/lstk/" class="filter_item" data-id="16">Дома из ЛСТК</a></li>
<li><a href="домен/category/mnm-paneli/" class="filter_item" data-id="3">Дома из МНМ панелей</a></li>
<li><a href="домен/category/zabor-i-vorota/" class="filter_item" data-id="12">Заборы и ворота</a></li>
<li><a href="домен/category/karkasnyj-dom/" class="filter_item" data-id="9">Каркасные дома</a></li>
<li><a href="домен/category/kombinirovannyj-dom/" class="filter_item" data-id="10">Комбинированный дом</a></li>
<li><a href="домен/category/kommerchkskie-zdaniya/" class="filter_item" data-id="15">Коммерчкские здания</a></li>
</ul>
</div>
<div class="bs_col col-md-4 col-sm-6">
<div class="content_item">
Объекты
</div>
</div>
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости