将导航栏中的内部.html页面与JQuery mobile 1.4.5链接

Question

当您的主数据角色说明其他页面的3个按钮链接时，将index.html导航栏中的4个不同内部页面链接为.html文件是一个坏主意。

我基本上希望导航栏中有4个不同的页面，而不是主页面上的页面，但是在导航栏中不能这样做，他们只是不会链接？我在这做错了什么？

另外，当我刷新主区域上的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>