Question

我发现一个错误，说我的js脚本中的$没有定义，我真的很想知道我可能做错了什么。结果我不能做任何jquery的东西。我已经检查了资源，但实际上他们都加载了。

错误讯息：未捕获的ReferenceError：$未定义

母版页：

//doctype html
html
    head
        title=title
        link(href='https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.0/css/materialize.min.css', rel='stylesheet')
        link(href='//fonts.googleapis.com/css?family=Roboto:400,300|Lato:100,300' rel='stylesheet')
        link(href='/css/bootstrap.min.css' rel='stylesheet')
        link(href='/css/custom.css' rel='stylesheet')
        link(href='/css/animate.css' rel='stylesheet')
        link(href="/css/pnotify.custom.min.css" media="all" rel="stylesheet" type="text/css")
        link(href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet")
    body
        block content
    link(src='https://code.jquery.com/jquery-2.1.1.min.js' type='text/javascript')
    link(src="/js/pnotify.custom.min.js")
    link(src="/js/custom.js")
    link(src='https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.0/js/materialize.min.js' type='text/javascript')

带有javascript的子页面

extends layout

block content
    nav.blue.darken-4(role="navigation" style="margin-bottom: 50px")
        .nav-wrapper(style="margin-left:10px")
            a.brand-logo(href='/home') Owen's Math Game - Admin Dashboard      
            ul.right.hide-on-med-and-down
                li(class="tooltipped active" data-position="bottom" data-delay="50" data-tooltip="Profile")
                    a(href='/home')
                        i.material-icons perm_identity   
                li(class="tooltipped" data-position="bottom" data-delay="50" data-tooltip="Users")
                    a(href='/users')
                        i.material-icons search      
                li(class="tooltipped" data-position="bottom" data-delay="50" data-tooltip="Leaderboard")
                    a(href='/admin/leaderboard')
                        i.material-icons list         
                li(class="tooltipped" data-position="bottom" data-delay="50" data-tooltip="Settings")
                    a(href='/settings')
                        i.material-icons settings
                li(class="tooltipped" data-position="bottom" data-delay="50" data-tooltip="Log Out")
                    a(href='/signout')
                        i.material-icons fast_rewind
    div.container
        div.row
            div.col-sm-6.col-md-4.col-md-offset-4
                #user
                    div.signup-wall
                        a(class="tooltipped" href="#" data-position="bottom" data-delay="50" data-tooltip="I am tooltip")
                            img(class='profile-img', style="display:inline" src='/avatar-img.png')
                        h1.text-center.login-title Welcome #{user.firstName} #{user.lastName} <br/> Check your details below:
                        ul.user-details
                            li Username  #{user.username}
                            li Email    #{user.email}
                            li First Name  #{user.firstName} 
                            li Last Name #{user.lastName}

    script.
        $(document).ready(function(){
            //Initialize collapse button
            $(".button-collapse").sideNav();

            $('.tooltipped').tooltip({delay: 50});
        })

在头部添加jquery不会改变错误

Answer 1

在加载jQuery（这是定义$的库）之前声明你的正文内容。对于所有JS文件，您还使用link而不是script。

您应该（至少）在 block content之前（在布局/“主”文件中）将jquery加载移动到。正如@Radu在评论中也建议的那样，<head>将是一个很好的位置。

节点，jade和amp; jQuery错误表达

1 个答案: