Question

我正在尝试使用Materialisecss 100和Materialize JS创建一个可折叠的。当像这样创建我的可折叠并点击它时，它只是立即打开和关闭

 <ul class="collapsible" data-collapsible="accordion">
<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>
<li>
  <div class="collapsible-header"><i class="material-icons">place</i>Second</div>
  <div class="collapsible-body"><span>Lorem ipsum dolor sit amet.</span></div>
</li>
<li>
  <div class="collapsible-header"><i class="material-icons">whatshot</i>Third</div>
  <div class="collapsible-body"><span>Lorem ipsum dolor sit amet.</span></div>
</li>

将init放在Document上，就像这样：

    $(document).ready(function () {
$('.collapsible').collapsible({
});

}）;

你们有什么想法吗？谢谢！

Answer 1

来自文档：

可折叠元素只有在动态添加时才需要初始化

手风琴已在文件准备就绪时初始化。

删除以下内容应该有效：

$(document).ready(function(){
    $('.collapsible').collapsible();
});

Answer 2

解决方案是我导入了Materialise JS两次，一次在我的布局中与我的所有页面共享，另一次在我的页面本身。

（Javascript）Materializecss可折叠立即打开然后在点击时关闭

2 个答案: