菜单下拉菜单不起作用 - Wordpress 上的 Elementor 标题菜单

Question

页眉是使用“Elementor - 页眉、页脚和块”插件设计的。下拉菜单不起作用。试过激活、停用插件、清除缓存。

网站链接： https://www.party-monsters.com/

Answer 1

试试下面的代码。代码在您的活动主题 functions.php 文件中。

function add_custom_js(){
    ?>
    <script type="text/javascript">
        (function($){
            $(document).ready(function(){
                $('.hfe-has-submenu .hfe-menu-item').on('click',function(e){
                    e.preventDefault();
                    if( $(this).closest('li').find('.sub-menu').css('opacity') === '0' ){
                        $(this).closest('li').find('.sub-menu').css({"visibility": "visible", "opacity": "1"});
                    }else{
                        $(this).closest('li').find('.sub-menu').css({"visibility": "hidden", "opacity": "0"});
                    } 
                });
            });
        })(jQuery);
    </script>
    <?php
}
add_action( 'wp_footer', 'add_custom_js', 10, 1 );

经过测试并且有效。