Куда пихать этот once?

Question

[Кирилл]

Привет! подскажите как правильно

$('.filter-trigger').once().on('click', function(){
        $('.filters').toggleClass('active');
    });

код рабочий но странно что на одном сайте работает нормально и без once(), на другом долго ломал голову что не так, добавил once() и он заработал, но не уверен что так правильно. Поправьте плизь если я не прав)

Answer 1

[Данил Разумков]

Сравните версии jq на сайтах

Comments

[Кирилл]

ну да версии разные, причина теперь понял, спасибо!
мне не совсем понятен смысл этого пустого .once() но скажите я его в нужное место впихнул?

[Данил Разумков]

Кирилл, Это функция фильтрации собитий. Идет проверка, что событие на элементе только 1.

Функция принимает один или два параметра: если есть только один , и если это строка, она отфильтровывает все элементы , которые уже имеют функцию обработки с этой этикеткой запуском. Если есть второй параметр, он запускает эту функцию для каждого согласованного элемента, который еще не обработан, аналогичен .

[Кирилл]

Не подскажете из за чего этот кусок не работает? теперь понятно что из за версии jq но дайте наводку пожалуйста.

// On filter click, filter grid
    $('.filters').on( 'click', 'p', function(e) {
        e.stopPropagation();
        var filterValue = $(this).attr('data-filter');
        $grid.isotope({ filter: filterValue });
        $('.item').toggleClass('visible');
        e.preventDefault();
    });

[Данил Разумков]

Кирилл, Ошибки не вижу. Смените версию на последнюю и не парьтесь)

[Кирилл]

так и стоит jquery.min.js 3.2.1 осваиваю Drupal8, а скрипты с старой 7 вытаскиваю, там 2.1.4 стоит и беда какая то :(

[Кирилл]

Вот так оно работает но со всеми классами item

$('.filters').once().on( 'click', 'p', function(e) {
        $('.item').toggleClass('visible');
    });