javascript - jqmobi 动态地将项目添加到页脚？

Question

在异步调用检索数据后，我需要在 jQMobi 的导航栏中动态添加按钮。我正在使用 append 方法，但在追加完成后它不会自动刷新页脚。如果我返回上一页并再次返回带有导航栏的页面，则会显示新按钮。我如何从js刷新？

我的功能：

function createNavBar(categories) {
// remove any previous items, except for home
var elements = $('#event-footer').children().not('#navbar-home');
$(elements).remove(elements);

// add new items
for(var i=0;i<categories.length;i++)
{
    $('#event-footer').append('<a href="#event-home" class="icon home" data-transition="none">'+categories[i].get("Name")+'</a>');        
}

}

Answer 1

您是否尝试过使用 ui 方法 $.ui.updateNavbarElements() 来做到这一点？

尝试：

function createNavBar(categories) {
    // get home element
    var elements = [$('#navbar-home').get()];

    // add new items
    for(var i=0;i<categories.length;i++)
    {
        elements.push('<a href="#event-home" class="icon home" data-transition="none">'+categories[i].get("Name")+'</a>');        
    }

    $.ui.updateNavbarElements($(elements));
}

加油:)