Javascript 下拉列表在materialize中不起作用

我有一个响应导航栏，带有使用materialize的下拉菜单。该下拉列表在移动版本上运行良好，但在桌面分辨率上不起作用，这对我来说毫无意义，因为我只是复制粘贴。有人知道可能发生什么事吗

代码：

$（“.dropdown trigger”）.dropdown（{'coverTrigger'：false，'closeOnClick'：true}）；
document.addEventListener（'DOMContentLoaded'，function（）{
变量选项={
“onOpenStart”：myFunction，
“onCloseStart”：myFunction
};
var elems=document.querySelectorAll（'.sidenav'）；
var instances=M.Sidenav.init（元素、选项）；
});

1.没有阴影{
盒影：无！重要；
}
















您应该删除这一行代码：

<li><a class="dropdown-trigger" href="#!" data-target="dropdown1">Dropdown<i class="material-icons right">arrow_drop_down</i></a></li>



发生错误的原因是代码中有两个
数据target=“dropdown1”
。您应该具有唯一的
data target=“
属性。因此，如果您想在页面中添加另一个下拉列表，该属性的
数据目标=”
值应该是例如
“dropdown2”