时间戳

首页 > 解决方案 > 实现可折叠不消耗点击

javascript - 实现可折叠不消耗点击

问题描述

实现可折叠不会在点击时展开。即使它不工作，我也已经正确初始化它。这是我的html代码：

.
.

 <p style="color: #fff; font-family: 'Raleway',sans-serif; font-size: 62px; font-weight: 800; line-height: 72px; margin: 0 0 24px; text-align: center; text-transform: uppercase" id="demo"></p>
  <div class="row"></div>
    <ul class="collapsible popout col s6" id="clap">
    <li>
      <div class="collapsible-header"><i class="material-icons">filter_drama</i>First</div>
      <div class="collapsible-body"><span>Lorem ipsum dolor sit amet.</span></div>
    </li>
    </ul>

  <div id="modal1" class="modal">
.
.
.

这是初始化代码

  <script>

  document.addEventListener('DOMContentLoaded', function() {
    checkCurrentUser();
    var elems = document.querySelectorAll('select');
    var instances = M.FormSelect.init(elems);
    var elemss = document.querySelectorAll('.collapsible');
    var instances = M.Collapsible.init(elemss, options);

  });
</script>

在这段代码中，我也有选择元素，但它工作正常。只有可折叠的不起作用

标签： javascripthtmlmaterialize

解决方案

取出未定义的options变量：

var instances = M.Collapsible.init(elemss);

控制台应该始终是查看任何问题的第一个位置，如果您在那里查看，您会看到“选项未定义”。

这是文档的问题。

推荐阅读