如何在悬停时打开 BeRocket Filters 而不是点击事件，WordPress？

Question

我下载了 BeRocket AJAX 过滤器插件，我需要一些 jquery 自定义。

目前使用插件创建的过滤器仅在点击事件时打开。我们需要允许用户在悬停时打开过滤器而不是点击事件

我尝试使用下面的 jquery，这是我从插件参考中获得的，但没有用

jQuery(document).on('hover', '.bapf_ocolaps .bapf_colaps_togl, .bapf_ccolaps .bapf_colaps_togl', function(e) {
    e.preventDefault;
    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插件提供的过滤器，但所有过滤器都只有在点击事件后才能执行

感谢任何帮助

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

谢谢

Answer 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();
});

如何在悬停时打开 BeRocket Filters 而不是点击事件，WordPress？

How to open BeRocket Filters on hover instead of click event, WordPress?

jquery

wordpress

plugins