JQM 固定页脚 "floating"

Question

在 JQM 中，我希望有一个固定的页脚，但同时要有页面的最大宽度（左边的内容）。它工作正常，直到我添加 data-position="fixed" （固定页脚）。页脚现在填满了整个 window 而不仅仅是 480px。这是好的还是一个错误？有什么解决问题的想法吗？

    <div data-role="footer" data-theme="a"  data-position="fixed"><h1> </h1>
    </div>

JS:

$(document).ready(function(){ 
if ($(window).width() > 480) {
    $('#page1, #gubbo').css('width', '480px' );
}         
});

$(window).resize(function() {
if ($(window).width() <= 480) {
    $('#page1, #gubbo').css('width', '' );
} else {
    $('#page1, #gubbo').css('width', '480px' );
}
});

Answer 1

我发布到 jQuery 论坛，答案是固定页脚不被视为页面的一部分，即使它仍然是 "within" data-role="page" .所以解决方案应该是添加例如每个页脚的 id 并将该 id 添加到上面的 JS

JQM 固定页脚 "floating"

JQM fixed footer "floating"

html

jquery

jquery-mobile