Materialize:通过js/jquery使可折叠的头处于活动状态

Materialize: Make collapsible-header active via js/jquery

本文关键字：活动状态 可折叠 通过 js jquery Materialize      更新时间：2023-09-26

试图从js动态地将一个项添加到我的Materialize手风琴中，并希望立即激活该项。尝试使用此：

var accordion = $('#accordion');
accordion.append('<li><div class="collapsible-header active"><i class="material-icons">whatshot</i>Third</div><div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div></li>');

元素已添加，但未处于活动状态。在前两行之后也尝试了这个：

accordion.children().last().addClass('active');

也不起作用。

更改后可以使用collapsible()更新手风琴：

var accordion = $('#accordion');
accordion.append('<li><div class="collapsible-header active"><i class="material-icons">whatshot</i>Third</div><div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div></li>');
accordion.collapsible();
相关文章：