jQuery Mobile 导航栏包装在 4 个(而不是 5 个)元素上

Question

我正在使用 jQuery Mobile 并根据 documentation导航栏将包裹在五个元素上。然而，在我使用它的过程中，它只包含 4 个元素。这是预期的行为吗？

代码

<div data-role="page" id="images">

    <div data-role="header">    
        <h1><%= @disease.name %></h1>
        <a href="index.html" data-icon="plus" class="ui-btn-right">Add</a>
    </div><!-- /header -->

    <div data-role="content">   
        <p>Images will be here.</p> 
    </div><!-- /content -->

    <div data-role="footer">
        <div data-role="navbar">
            <ul>
                <li><a href="#images" class="ui-btn-active">Images</a></li>
                <li><a href="#symptoms">Symptoms</a></li>
                <li><a href="#treatments">Treatments</a></li>
                <li><a href="#notes">Notes</a></li>
            </ul>
        </div><!-- /navbar -->
    </div><!-- /footer -->
</div><!-- /page -->

Answer 1

我注意到您正在使用测试站点来获取文档。您是否也使用测试 CSS/JS 还是使用 jQM a4.1？

使用您的代码和 jQM a4.1 似乎对我来说工作正常。

• 实例:http://jsfiddle.net/Dnqn9/1/
• 文档:http://jquerymobile.com/demos/1.0a4.1/