实现：通过js / jquery激活collapsible-header

Question

尝试从js动态地向我的Materialise手风琴添加一个项目，并希望立即激活它。尝试使用这个：

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()在更改后更新手风琴：

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