Question

我正在使用wordpress和elementor为朋友创建一个网站。我在努力理解为什么在移动屏幕分辨率下下拉菜单不起作用。当我在elementor编辑器中对其进行编辑时，它可以正常工作，而当我发布它时，它根本无法工作。

任何帮助将不胜感激。

谢谢

Answer 1

我发现了由JavaScript触发的错误。我是在Chrome控制台上找到的：

Uncaught TypeError: Cannot read property 'top' of undefined
    at HTMLDocument.<anonymous> (main-menu.js?ver=1.0.3:24)
    at i (jquery.js?ver=1.12.4-wp:2)
    at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4-wp:2)
    at Function.ready (jquery.js?ver=1.12.4-wp:2)
    at HTMLDocument.J (jquery.js?ver=1.12.4-wp:2)

对此，我并不确定，但是看起来使主按钮显示主菜单的js代码无法正常工作。如果您是开发人员，则需要再次检查该代码。

下面是触发此错误的整个函数：

( function( $ ) {
$(document).ready(function() {

    // Nav Main DD Toggle
    $( ".navbarprimary .dropdowntoggle" ).click(function() {
        if( $(this).parent('li').hasClass('navbarprimary-open') ) {
            $(this).parent('li').removeClass('navbarprimary-open');
        } else {
            $(this).parent('li').addClass('navbarprimary-open');
        }

        if( $(this).children('span').hasClass('fa-chevron-circle-down') ) {
            $(this).children('span').removeClass('fa-chevron-circle-down');
            $(this).children('span').addClass('fa-chevron-circle-right');
        } else {
            $(this).children('span').removeClass('fa-chevron-circle-right');
            $(this).children('span').addClass('fa-chevron-circle-down');
        }

        return false;
    });

    // Sticky nav bar
    var h = $('.navbarprimary').offset().top;
    $(window).scroll(function () {
        if( $(this).scrollTop() > h ) {
            $('.navbarprimary').addClass('sticky_menu_top');
        } else {
            $('.navbarprimary').removeClass('sticky_menu_top');
        }

    });

});
} )( jQuery );

Wordpress / Elementor汉堡菜单问题

1 个答案: