Добрый вечер.
У меня на странице есть табы на
странице и переключаются они с помощью 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) можете посмотреть как на мобильном и как на десктопе.
Подскажите в чем может быть проблема.
Спасибо!
