Javascript手机导航菜单

时间:2017-03-06 21:28:42

标签: javascript jquery html mobile

我正在关注一个在线Lynda.com教程,我正在通过Javascript和JQuery格式化移动导航菜单。第一步是下载JQuery,将JQuery和Javascript挂钩到我的HTML中并使用警报检查文档,但是我需要在下面键入代码....我已经多次检查它并且看不到任何错误,但功能不起作用。其他人可以在代码中看到任何错误吗?谢谢。

/ * JavaScript文档* /

$(document).ready(function(){

    $('nav a.mobile_menu').on('click',function(){

        var currentNavHeight = $('nav').height(); 

        if( currentNavHeight < 5  ){  

                var newNavHeight = $('nav > ul').height() + 15;
                $('nav').animate({'height':newNavHeight+'px'},750);

        }else{

            $('nav').animate({'height':'0px'},750,function(){
                $(this).removeAttr('style');
            });
        }
    });

    $(window).resize(function(){

        if( $(this).width() > 625 ){
            $('nav').removeAttr('style');

        }
});

1 个答案:

答案 0 :(得分:0)

除非您提供的代码示例不完整,否则您的$(window).resize函数或包装$(document).ready函数没有右括号。