jQuery Mobile头部标题

定位按钮位置

在头部栏中,如果只放置一个链接按钮,不论放置在标题的左侧还是右侧,其最终显示在标题的左侧。如果需要改变位置,需要添加新的类别属性 class="ui-btn-right"或class="ui-btn-left"

 <div data-role="page" id="e1">
    <div data-role="header" data-position="inline">
	   <h1>图片</h1>
	   <a href="#e2" data-icon="arrow-r" class="ui-btn-right">下一张</a>
    </div>
  <div data-role="content">
    <span class="img-spn"><img src="Images/2009年作品.jpg" /></span>
  </div>
  <div data-role="footer"><h4>©2012 rttop.cn studio</h4></div>
 </div>
 
 <div data-role="page" id="e2">
   <div data-role="header" data-position="inline">
	   <a href="#e1" data-add-back-btn="false" 
	      data-icon="arrow-l" class="ui-btn-left">上一张</a>
	   <h1>图片</h1>
    </div>
  <div data-role="content">
    <span class="img-spn"><img src="Images/2008年作品.jpg" /></span>
  </div>
  <div data-role="footer"><h4>©2012 rttop.cn studio</h4></div>
 </div>

 

你可能感兴趣的:(JQuery Mobile)