@sasha761

Почему js не видит класс в теге select > option?

Добрый вечер.
У меня на странице есть табы на странице и переключаются они с помощью isotope и работает все нормально , но на мобильной версии мне нужно вместо навигации по табам что есть сейчас (тобишь их убрать) реализовать через select (выпадающий список). Но почему-то js код на телефоне не видит этот селект.
<div class="u-select d-sm-none d-block">
							<select name="service">
								<option class="c-tab__item is-active" disabled selected data-filter="all">все услуги</option>
								<option data-filter="hardware">аппаратная</option>
								<option data-filter="laser">лазерная</option>
								<option data-filter="injections">инъекции</option>
								<option data-filter="peelings">пилинги</option>
								<option data-filter="cleansing">чистки</option>
								<option data-filter="care">уход</option>
							</select>
						</div>

if ($('.grid').length) {

    function productFilterHandler(el = $(this)) {
      console.log($(this));
      const filterValue = el.attr('data-filter');
      $grid.isotope({ filter: '.' + filterValue });
    }

    const $grid = $('.grid').isotope({
      itemSelector: '.grid-item',
      percentPosition: true,
      layoutMode: 'fitRows',
      resize: true,
      stagger: 80,
      transitionDuration: '0.8s'
    });

    $productNav.on( 'click', '.c-tab__item', function() {
      const item = $(this);

      $productNav.find('.c-tab__item').removeClass('is-active');
      item.addClass('is-active');

      // productLinkHandler.call(this);
      productFilterHandler.call(this);
    });

    productFilterHandler( $('.c-tab__item.is-active') );

    // $('.u-select').find('select').click(function(){
    //   console.log($(this).find('.is-active'));
    //   $(this).find('.is-active');
    // });    
  }

Я вывел консоль лог $(this) можете посмотреть как на мобильном и как на десктопе.

Подскажите в чем может быть проблема.
Спасибо!
  • Вопрос задан
  • 140 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы