jQuery Mobile Navbar包装在4个(不是5个)元素上

我正在使用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 -->