所以，鉴于此 网页格式
<!-- google fonts for material design icons -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--CSS-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
</head>
<body>
<ul class="collapsible collapsible-accordion" data-collapsible="accordion">
<li>
<div class="collapsible-header"><i class="material-icons">filter_drama</i>First</div>
<div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
</li>
<li>
<div class="collapsible-header"><i class="material-icons">place</i>Second</div>
<div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
</li>
<li>
<div class="collapsible-header"><i class="material-icons">whatshot</i>Third</div>
<div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
</li>
</ul>
</body>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="/js/materialize.min.js"></script>
<script>
$(document).ready(function(){
$('.collapsible').collapsible({
accordion : false // A setting that changes the collapsible behavior to expandable instead of the default accordion style
});
});
具体化文档中提供的极其简单的示例，它对我不起作用...任何人都可以指出任何明显错误的地方吗？ (我知道没有关闭脚本和 html 标签，他们不会因为我不知道的原因进入代码部分)
当我单击其中一项时，我注意到它将 ul id 更改为“null”……什么？而且，如果您通过将其中一个可折叠标题 div 设置为“事件”来进行预选，它会起作用，但是当您单击其他内容时它会再次停止工作；沿线的东西没有将“事件”类设置为正确的元素......
最佳答案
好吧，我不知道发生了什么，但两天后，它似乎随机地开始工作，没有对站点进行任何更改，所以...也许缓存文件已过时或其他原因。
关于javascript - Materializecss 的基本可折叠示例不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35028704/