Переключение категорий через стрелки в jQuery

271
28 марта 2018, 04:08

Копаюсь в чужом коде, чтобы добавить стрелки (вперед назад) переключение категорий объектов. Моя первая идея была, добавление массива из всех 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>

READ ALSO
Как сделать &ldquo;уведомление&rdquo; в админ панели Django

Как сделать “уведомление” в админ панели Django

На сайте есть страница с новостями, там же кнопка "Предложить новость", в ней пользователь жмет на кнопку "Отправить" и мне надо так что бы в Admin панели...

240
Отправка фалов form на сервер через Ajax

Отправка фалов form на сервер через Ajax

ЗдравствуйтеУ меня такая проблема, есть форма html в ней определенные поля

285
Редирект из поисковой выдачи на левый сайт

Редирект из поисковой выдачи на левый сайт

Добрый день, при переходе из выдачи яндекса на мой сайт alexpromru

318