继续分享wordpress外贸建站教程。最近悦然wordpress建站的一个外贸建站项目需要用elementor定制,用到了Jeg Elementor Kit这个插件,它可以提供一些额外的elementor模块,比如菜单模块等。
Jeg Elementor Kit插件的菜单模块比elementor自带的效果好一些,其它都挺好的就是有一个通病一直存在,那就是只要存在子菜单,那么它的父级菜单就点击不了。有很多人都遇到了这个问题,插件官方也知道,但因为是免费插件,所以他们的维护可能没那么积极,多年未改。
最终悦然wordpress建站在wordpress官网社区找到了解决方法,代码是一个国外用户分享,大家可以直接复制使用。
/** Make Parent Menu Clickable */
function make_parent_menu_clickable() {
?>
<script>
(function($) {
$(window).on(‘load’, function() {
var $wrapper = $(‘.jeg-elementor-kit.jkit-nav-menu’);
$wrapper.find(‘li.menu-item-has-children > a’).each(function() {
$(this).unbind();
console.log($wrapper)
$(this).on(‘click’, function(e) {
dropdown.addClass(‘dropdown-open’)
})
});
})
})(jQuery)
</script>
<?php
}
add_action( ‘wp_footer’, ‘make_parent_menu_clickable’ );
大家把上面的代码添加到wordpress主题functions.php文件即可,也可以添加到Code Snippets插件中,代码生效后Jeg Elementor Kit的菜单模块父级菜单就可以正常点击了。