Question

我在2天的困难时间里使用折叠菜单的代码。我真的很难意识到我做错了什么。

此代码的问题在于，当您调整浏览器大小时，它将无法再次运行。

如果有人可以帮助我，我会非常感激。

$(document).ready(function(){
    function jqUpdateSize(){
        // Get the dimensions of the viewport
        var width = $(window).width();

        if(width<=768){
            $('.toggle-nav-this-site').css("display","block");  

            $('.toggle-nav-this-site .button-this-tg').click( function(){
                $('.aside-menu > ul').toggle('showElem');
            });

        }else{
            $('.toggle-nav-this-site').css("display","none");   
            $('.aside-menu > ul').show();   
        }


        $('#jqWidth').html(width);      // Display the width
    };
    $(document).ready(jqUpdateSize);    // When the page first loads
    $(window).resize(jqUpdateSize);     // When the browser changes size


});

Answer 1

我从未使用过jQuery，但是使用普通的JS，首先必须添加一个EventListener：

window.addEventListener('resize', functionname);

这个被调用的函数必须改变所有变量。

您可以通过以下方式获取窗口大小：window.innerHeight, window.innerWidth

获取实时宽度并折叠菜单

1 个答案: