JQM导航栏页脚不对齐

Question

http://jsfiddle.net/yotam/0w4wvmss/

中的示例

<code>
$content.after(
$('<div>')
    .attr("data-role", "footer")
    .attr("data-position", "fixed")
    .append(
    $("<div>")
         .attr("data-role", "navbar")
         .append(ul)
    )
    .navbar()
);
</code>

有4个JQM页面，每个页面都以编程方式定义了类似的页脚导航栏。 每个导航栏都有3个按钮'href' - 其他页面。

正如预期的那样，所有页脚都应该按照底部对齐， 除了第一页的内容。

为什么第一页的页脚没有与底部对齐？

Answer 1

创建菜单后需要重新应用JQM样式。 下面让你的小提琴工作：

$(document).ready(function () {
    xnavbar.init();
    $('#club').trigger("create");
});