javascript - Materialize:通过 js/jquery 激活可折叠标题

Question

尝试从 js 动态地将一项添加到我的 Materialise Accordion 中，并希望立即激活该项。尝试使用这个:

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');

也不起作用。

Answer 1

您可以使用collapsible()在更改后更新 Accordion :

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();