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

时间:2014-04-30 16:57:00

标签: jquery mmenu

我正在使用此处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);

    }
}

0 个答案:

没有答案