Почему не работает код на мобильном телефоне?

Question

Есть такой код HTML:

<div class="ocf-option-values">
    <label id="v-1987" class="ocf-selected" data-option-id="19" data-filter-label="">
        <input type="checkbox" name="ocf[19]" value="" checked="checked" class="ocf-target" autocomplete="off">
        <a href="/postelnoe-belyo/" data-filter-link="" class="current-link">150*220 Полуторное</a>
        <small class="badge"></small>
    </label>
    ...
</div>

И JS:

$("[data-filter-link]").on("click",function(t){
    t.preventDefault();
    $(this).closest("[data-filter-label]").trigger("click");
});

На компьютере он работает исправно и все хорошо, но на мобилке он не срабатывает. Я уже и tap пробовал и mousedown, touchstart, touchend, vclick. Ничего не происходит.

Как его заставить работать на мобильном?

Answer 1

$(document).on('click', '[data-filter-link]', t => {
  t.preventDefault()
  t.target.closest('[data-filter-label]').click()
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div class="ocf-option-values">
    <label id="v-1987" class="ocf-selected" data-option-id="19" data-filter-label="">
        <input type="checkbox" name="ocf[19]" value="" checked="checked" class="ocf-target" autocomplete="off">
        <a href="/postelnoe-belyo/" data-filter-link="" class="current-link">150*220 Полуторное</a>
        <small class="badge"></small>
    </label>
    ...
</div>

попробуй

БЛОГ НА HUSL

Почему не работает код на мобильном телефоне?

Ответы (1 шт):