问题:如何在悬停而不是点击事件时打开 BeRocket 过滤器,WordPress?

我下载了 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过滤器,但所有过滤器只有在点击事件后才能执行

任何帮助表示赞赏

网址:https://staging10.cheapassbikes.nl/shop/

谢谢

解答

您可以使用 JQuerymouseover和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();
});