如何打开BeRocket过滤器悬停，而不是点击事件，WordPress?

Question

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

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

我尝试使用下面的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();
});