移动导航 javascript 问题

大佬教程收集整理的这篇文章主要介绍了移动导航 javascript 问题，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决移动导航 javascript 问题？

开发过程中遇到移动导航 javascript 问题的问题如何解决？下面主要结合日常开发的经验，给出你关于移动导航 javascript 问题的解决方法建议，希望对你解决移动导航 javascript 问题有所启发或帮助；

我花了一天的大部分时间来尝试让移动菜单在我的 wordpress 网站上工作。汉堡菜单看起来不错，但与我使用此菜单的另一个网站不同，此菜单不起作用。我相当确定它的 JavaScript 问题，但我没有收到任何控制台错误或 VS Code 中的任何错误。任何帮助将不胜感激。

<section class="header-nav">
            <div class="container borders">
                <nav ID="site-navigation" class="main-navigation">
                    <!-- <button class="menu-toggle" aria-controls="topics-menu" aria-expanded="false"><?php esc_HTML_e( 'topics Menu','mystic' ); ?></button> -->
                    <?php
                    wp_nav_menu(
                        array(
                            'theme_LOCATIOn' => 'menu-2','menu_id'        => 'topics-menu',)
                    );
                    ?>
                </nav><!-- #site-navigation --> 
            </div>      

            <nav ID="mobile-navigation" class="main-navigation">
                    <!--<button class="menu-toggle" aria-controls="topics-menu" aria-expanded="false"><?php esc_HTML_e( 'topics Menu','mystic' ); ?></button>-->
                    <?php
                    wp_nav_menu(
                        array(
                            'theme_LOCATIOn' => 'menu-2',)
                    );
                    ?>                  
                    
        </nav>
<!-- #site-navigation -->
        </section>

        

JavaScript：

        class header {
    constructor(){
        this.burger = document.querySELEctor('.burger')
        this.nav = document.querySELEctor('#mobile-navigation')

        this.events()

    }

    events(){
        this.burger.addEventListener('click',(E)=> {
            this.toggleBurger(E)
        })

        window.addEventListener('resize',(E) => {
            this.handleWindowResize()
        })
    }

    toggleBurger(E){ 
        jquery(this.nav).slIDetoggle();
        jquery(this.burger).toggleClass('open');
    }

    handleWindowResize(){
        if(window.innerWIDth > 768){
            jquery(this.nav).slIDeUp()
            jquery(this.burger).removeClass('open');
        } else {
            // jquery(this.nav).slIDeUp()
            // jquery(this.burger).removeClass('open');
        }
    }

 
}


export default header

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

大佬总结

以上是大佬教程为你收集整理的移动导航 javascript 问题全部内容，希望文章能够帮你解决移动导航 javascript 问题所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。