一直在尝试启动页面时，会发生这样的错误：未捕获的类型错误：$(...).sidenav 不是函数在 HTMLDocument。(index.html:59)在 j (jquery-3.2.1.min.js:2)在 k (jquery-3.2.1.min.js:2)为什么会出现？我好像一切都做对了？索引.html：<!DOCTYPE html><html><head> <!--Import Google Icon Font--> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <!--Import materialize.css--> <link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection" /> <!--Let browser know website is optimized for mobile--> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style> header, main, footer { padding-left: 300px; } @media only screen and (max-width : 992px) { header, main, footer { padding-left: 0; } } </style></head><body> <nav> <a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">menu</i></a> </nav> <ul id="slide-out" class="sidenav"> <li> <div class="user-view"> <div class="background"> <img src="images/office.jpg"> </div> <a href="#user"><img class="circle" src="images/yuna.jpg"></a> <a href="#name"><span class="white-text name">John Doe</span></a> <a href="#email"><span class="white-text email">jdandturk@gmail.com</span></a> </div> </li> <li><a href="#!"><i class="material-icons">cloud</i>First Link With Icon</a></li> <li><a href="#!">Second Link</a></li> <li> <div class="divider"></div> </li> <li><a class="subheader">Subheader</a></li> <li><a class="waves-effect" href="#!">Third Link With Waves</a></li> </ul> <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script type="text/javascript" src="js/materialize.min.js"></script>
1 回答
慕斯709654
TA贡献1840条经验 获得超5个赞
尝试使用 materialize CDN 。 https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js
添加回答
举报
0/150
提交
取消