Question

所以，鉴于此 HTML

    <!-- 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更改为＆＃34; null＆＃34; ...什么？而且，如果您通过将其中一个可折叠标题div设置为＆＃34; active＆＃34;来进行预选。它工作，但然后你点击其他东西，它再次停止工作;沿线的东西不是设置“活跃的”。分类到正确的元素...

Answer 1

嗯，我不知道发生了什么，但是两天后，似乎是随机的，它开始工作，没有对网站进行任何更改，所以...也许缓存的文件已经过时了。

Materializecss＆＃39;基本的可折叠示例不起作用

1 个答案: