jquery - 动态列表更新后如何在 mmenu 中触发更新

Question

我正在使用在http://mmenu.frebsite.nl/找到的 mmenu 插件。它适用于预定义的列表。

我正在使用用户定期更改状态的联系人列表。我尝试了以下函数来动态更新列表，但 mmenu 插件似乎不再适用于新添加的项目。

有没有办法让它更新？

function updateChatContacts() {
    $(".contacts-list-chat").empty();

    for (var key in contacts) {
        var state;
        if(contacts[key].state === 'DND')
            state = 'busy';
        else if(contacts[key].state === 'page-me')
            state = 'away';
        else
            state = contacts[key].state;

        var elem = '<li class="img no-arrow">'+
                        '<span>'+
                            '<i class="'+state+'"></i>'+
                            '<img src="assets/img/avatars/avatar2.png" alt="avatar 2"/>'+
                            '<div class="chat-name">'+key+'</div>'+
                            '<div>'+state.charAt(0).toUpperCase() + state.slice(1)+'</div>'+
                        '</span>'+
                        '<ul class="chat-messages">'+
                            '<div class="chat-input">'+
                                '<input type="text" class="form-control send-message" placeholder="Type your message" />'+
                            '</div>'+
                        '</ul>'+
                    '</li>';

        //if (markers[key].selected === true) {
        $(".contacts-list-chat").append(elem);

    }
}