（Javascript）Materializecss可折疊，可立即打開，然后單擊即可關閉

Question

我正在嘗試使用Materializecss 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

解決方案是，我兩次導入了Materialize JS，一次在布局中與所有頁面共享，另一次在頁面本身中共享。