jqmobi 动态地将项目添加到页脚？答案

【问题标题】：jqmobi dynamically adding items to footer?jqmobi 动态地将项目添加到页脚？
【发布时间】：2012-09-10 05:36:55
【问题描述】：

在异步调用检索数据后，我需要在 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>');        
}

}

【问题讨论】：

找到了。需要添加对 $.ui.updateNavbarElements 的调用。

标签： javascript jquery dynamic footer jqmobi

【解决方案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));
}

欢呼:)

【讨论】：