JQM导航栏页脚未底部对齐[重复]

Posted 2023-03-21

【中文标题】JQM导航栏页脚未底部对齐[重复]

【英文标题】：JQM navbar footer not bottom-aligned [duplicate]

【发布时间】：2014-10-06 01:02:20

【问题描述】：

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'-ing 其他页面。

正如预期的那样，所有页脚都按原样底部对齐， 除了第一页。

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

【参考方案1】：

您需要在创建菜单后重新应用 JQM 样式。 以下使您的小提琴工作：

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

【讨论】：

使用 jQM 1.4.x 您还可以使用 $("#club").enhanceWithin(); （API 文档：api.jquerymobile.com/enhanceWithin）