Блог

Главная - Вопросы по программированию - Как открыть фильтры BeRocket при наведении курсора вместо события щелчка, WordPress?

Как открыть фильтры BeRocket при наведении курсора вместо события щелчка, WordPress?

#jquery #wordpress #plugins

Вопрос:

Я скачал плагин фильтра AJAX BeRocket, и мне нужна некоторая настройка jquery.

В настоящее время фильтры, созданные с помощью плагина, открываются только при нажатии на событие. Нам нужно разрешить пользователю открывать фильтры при наведении курсора вместо события щелчка

Я попытался использовать приведенный ниже jquery, который я получаю из ссылки на плагин, но не работает

 jQuery(document).on('hover', '.bapf_ocolaps .bapf_colaps_togl, .bapf_ccolaps .bapf_colaps_togl', function(e) {
    e.preventDefau<
    if( jQuery(this).closest('.bapf_ocolaps, .bapf_ccolaps').is('.bapf_ocolaps' ) ) {
        jQuery(this).closest('.bapf_ocolaps, .bapf_ccolaps').trigger('bapf_ocolaps');
    } else {
        jQuery(this).closest('.bapf_ocolaps, .bapf_ccolaps').trigger('bapf_ccolaps');
    }
});

Я попробовал фильтр jquery, предоставляемый плагином, но все фильтры исполняются только после события click

Любая помощь будет признательна

URL: https://staging10.cheapassbikes.nl/shop/

Спасибо

Комментарии:

1. Используйте .on(«центр мыши») и .on(«mouseleave») события не .on(«наведение»)

2. JFI: использование «наведения курсора» вместо «наведения» также решает проблему

Ответ №1:

Вы можете использовать jQuery mouseover и mouseout события. проверьте код ниже.

 jQuery(document).on('mouseover', '.bapf_sfilter', function(e) {
    jQuery(this).find('.bapf_body').show();
});

jQuery(document).on('mouseout', '.bapf_sfilter', function(e) {
    jQuery(this).find('.bapf_body').hide();
});
Метки: ,