Jquery JQM 1.4固定页脚不显示

我正在用JQM 1.4构建一个Android应用程序，该应用程序正在用PhoneGap 3.3包装。我遇到的问题是页脚不显示。头球？没问题。 这是我的

index.html

中的一个页面：

<div data-role="page" id="eventPage"> <!-- Start Event Page -->
    <div data-role="header" id="mainhead" data-position="fixed" data-theme="b">
            <div class="ui-btn-left" id="home"><a href="#home"><img src="img/Home.png" width="25" height="25"/></a></div>
            <h1 id="event-title">Title of Mobile App</h1>
     <div id="backevent" class="ui-btn-right"><a href="#" onClick="previous_event()"><img src="img/backbtn.png" width="25" height="25"/></a></div>
     <div id="nxtevent" class="ui-btn-right"><a href="#" target="_blank" onClick="next_event()"><img src="img/NextBtn.png" width="25" height="25"/></a></div>


    </div>
    <div data-role="content">
        <div id="page-title"></div>
        <div id="page-region"></div>
        <a href="#" onClick="Calendar_Add()" class="ui-btn ui-btn-inline">Add to Calendar</a>
        <div id="page-content"></div>

    </div> 

    <div id="eventFooter" data-role="footer" data-theme="d" data-position="fixed">

    </div>
</div><!-- End eventPage -->

这不起作用，所以我尝试用

position:fixed

代替同样不起作用的

position:absolute

我觉得奇怪，页眉显示正确，没有错误，但页脚没有相同的编码？有什么建议吗

解决方案：

我接受了Omar的建议，升级到JQuery Mobile 1.4.2，并将代码修改为

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

---

现在似乎工作正常。

除非您的代码不完整，否则您需要添加一些带有绝对位置的参数：

#eventFooter {  
    background:#0B436F;
    color:#FFF;
    position:absolute;
    bottom: 0;
    left: 0;
}

---

试试最新版本的jQM 1.4.2，Android上有一个固定工具栏的解决方案。@Omar我会试试这个。解决办法很难找到吗？或者坐在文档中？除了使用1.4.2，您无事可做，它会处理它。好的，文件已更新。仍然是相同的结果：/奇怪，检查GitHub我尝试了一下，没有运气。这可能是JQM的一个问题。谢谢你的回复！

#footer {   
    background:#0B436F;
    color:#FFF; 
}

#eventFooter {  
    background:#0B436F;
    color:#FFF;
    position:absolute;
    bottom: 0;
    left: 0;
}