使用jquerymobile1.4.5链接navbar中的internal.html页面

当您的主要数据角色有例如3个按钮链接到其他页面时，将index.html navbar中的4个不同内部页面链接为.html文件是否是一个坏主意

我基本上希望navbar中有4个不同于首页的页面，但不能这样做，因为在navbar中，它们只是不链接？我做错了什么

另外，当我刷新主区域上3个按钮的宽度时，会变为全宽，但我在css中将它们设置为60%，有时会这样做。谢谢

<div data-role="page" id="page1" >
 <img src="assetts/logo.png" alt="logo" class="center"/>
        <h1></h1>

        <!-- Page 1 Main -->
        <div data-role="main" class="ui-content">
        <ul data-role="listview" id="list">         
         <li><a href="#page2" class="ui-btn ui-shadow ui-btn-corner-all" data-transition="slide">Info</a></li>
                     <li><a href="#page3" class="ui-btn ui-shadow ui-btn-corner-all" data-transition="slide">Contact</a></li>
                     <li><a href="#page4" class="ui-btn ui-shadow ui-btn-corner-all" data-transition="slide">About</a></li>               
                </ul>               
         </div>  

            <!--Page 1 Footer-->
            <div data-role="footer" data-position="fixed">

             <!--Page 1 Navbar-->
             <div data-role="navbar">
                <ul>
                 <li><a href="gallery.html" class="ui-btn ui-icon-camera ui-btn-icon-top" data-transition="slide">Gallery</a></li>
                 <li><a href="media.html" class="ui-btn ui-icon-video ui-btn-icon-top" data-transition="slide">Media</a></li>
                 <li><a href="location.html" class="ui-btn ui-icon-location ui-btn-icon-top" data-transition="slide">Location</a></li>
         <li><a href="news.html" class="ui-btn ui-icon-comment ui-btn-icon-top" data-transition="slide">News</a></li>  
                </ul>
             </div>
    </div>
     </div>