实体化：通过 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();