gpt4 book ai didi

javascript - 使用 .dropdown() 实现错误下拉菜单 - $ 不是函数

转载 作者:行者123 更新时间:2023-12-01 02:38:19 25 4
gpt4 key购买 nike

我正在尝试使用说明在具体化中安装下拉菜单,但运行时代码控制台会抛出错误

这是代码

//main.js
$(()=>{
alert("Hola de nuevo! Ahora con Materialize")
console.log('Main cargando')
$('.dropdown-button').dropdown();

})
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Ejs Test</title>
<link rel="stylesheet" href="css/materialize.css">
<link rel="stylesheet" href="css/materialize.min.css">


<script src="js/materialize.min.js"></script>
<script src="js/jquery.js"></script>
<script src="js/main.js"></script>

</head>
<body>

<ul class="dropdown-content" id="dropdown1">
<li>TextoPrueba</li>
<li>TextoPrueba</li>
<li>TextoPrueba</li>
</ul>
<div class="navbar-fixed">
<nav>
<div class="nav-wrapper">
<a href="#" class="brand-logo">BrandLogo</a>
<ul class="right hide-on-med-and-down">
<li><a href="#">Texto1</a></li>
<li><a href="#">Texto2</a></li>
<li><a href="#">Texto3</a></li>
<li><a href="#" class="dropdown-button" data-activates="dropdown1">TextoDropDown</a></li>
</ul>
</div>
</nav>
</div>
</body>
</html>

在代码检查器的控制台中抛出我

未捕获的类型错误:$(...).dropdown 不是函数

我该怎么做才能正确显示下拉菜单?

最佳答案

有同样的问题并在这里找到答案:https://github.com/krescruz/angular-materialize/issues/96#issuecomment-164877838

就我而言,这是 javascript 文件包含的顺序。 Materialize.js 必须在 jquery之后声明。

关于javascript - 使用 .dropdown() 实现错误下拉菜单 - $ 不是函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47731571/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com