刘月林 | jQuery Mobile 工具栏

  <!-- 全屏定位-敲击屏幕会隐藏或显示页眉和页脚 -->
  <div id="pages" data-role="header" data-position = "fixed" data-fullscreen = "true"  style="text-align:center;margin-bottom:56px;" page="1" mode="1" max="0">
    <div data-role="controlgroup" data-type="horizontal">
      <a href="#" id="previous" class="ui-btn ui-corner-all ui-shadow ui-icon-arrow-l ui-btn-icon-notext">上一页</a>
      <a href="#myPanel" id="" class="ui-btn ui-corner-all ui-shadow ui-icon-bars ui-btn-icon-notext">删除</a>
      <a href="#" id="returnTop" class="ui-btn  ui-corner-all ui-icon-carat-u ui-shadow ui-btn-icon-notext">返回顶部</a>
      <a href="#" id="next" class="ui-btn ui-corner-all ui-shadow ui-icon-arrow-r ui-btn-icon-notext">下一页</a>
    </div>
  </div>

  <div data-role="footer" style="background: white" id="footer" data-position="fixed" data-fullscreen="true" data-tap-toggle="false">
    <div class="" style="background: white" data-role="navbar">
      <ul>
        <li><a href="index.php" data-ajax='false' data-role="button" data-icon="articleNow" class="ui-icon-article" data-iconpos="notext" style="box-shadow:none">首页</a></li>
        <li><a href="saylove.php" data-ajax='false' data-transition="slide" data-role="button" data-icon="heart" class="ui-icon-heart" data-iconpos="notext" style="box-shadow:none">表白</a></li>
        <li><a href="search.php" data-ajax='false' data-role="button" data-icon="search" class="ui-icon-search" data-iconpos="notext" style="box-shadow:none">搜索</a></li>
      </ul>
    </div>
  </div>
全屏定位-敲击屏幕会隐藏或显示页眉和页脚

  <!-- 全屏定位-敲击屏幕不会隐藏或显示页眉和页脚 -->
  <div id="pages" data-role="header" data-position = "fixed" data-fullscreen = "true" data-tap-toggle="false" style="text-align:center;margin-bottom:56px;" page="1" mode="1" max="0">
    <div data-role="controlgroup" data-type="horizontal">
      <a href="#" id="previous" class="ui-btn ui-corner-all ui-shadow ui-icon-arrow-l ui-btn-icon-notext">上一页</a>
      <a href="#myPanel" id="" class="ui-btn ui-corner-all ui-shadow ui-icon-bars ui-btn-icon-notext">删除</a>
      <a href="#" id="returnTop" class="ui-btn  ui-corner-all ui-icon-carat-u ui-shadow ui-btn-icon-notext">返回顶部</a>
      <a href="#" id="next" class="ui-btn ui-corner-all ui-shadow ui-icon-arrow-r ui-btn-icon-notext">下一页</a>
    </div>
  </div>

  <div data-role="footer" style="background: white" id="footer" data-position="fixed" data-fullscreen="true" data-tap-toggle="false">
    <div class="" style="background: white" data-role="navbar">
      <ul>
        <li><a href="index.php" data-ajax='false' data-role="button" data-icon="articleNow" class="ui-icon-article" data-iconpos="notext" style="box-shadow:none">首页</a></li>
        <li><a href="saylove.php" data-ajax='false' data-transition="slide" data-role="button" data-icon="heart" class="ui-icon-heart" data-iconpos="notext" style="box-shadow:none">表白</a></li>
        <li><a href="search.php" data-ajax='false' data-role="button" data-icon="search" class="ui-icon-search" data-iconpos="notext" style="box-shadow:none">搜索</a></li>
      </ul>
    </div>
  </div>
全屏定位-敲击屏幕不会隐藏或显示页眉和页脚

  <!-- 全屏定位-敲击屏幕会隐藏或显示页眉 -->
  <div id="pages" data-role="header" data-position = "fixed" data-fullscreen = "true"  style="text-align:center;margin-bottom:56px;" page="1" mode="1" max="0">
    <div data-role="controlgroup" data-type="horizontal">
      <a href="#" id="previous" class="ui-btn ui-corner-all ui-shadow ui-icon-arrow-l ui-btn-icon-notext">上一页</a>
      <a href="#myPanel" id="" class="ui-btn ui-corner-all ui-shadow ui-icon-bars ui-btn-icon-notext">删除</a>
      <a href="#" id="returnTop" class="ui-btn  ui-corner-all ui-icon-carat-u ui-shadow ui-btn-icon-notext">返回顶部</a>
      <a href="#" id="next" class="ui-btn ui-corner-all ui-shadow ui-icon-arrow-r ui-btn-icon-notext">下一页</a>
    </div>
  </div>

  <div data-role="footer" style="background: white" id="footer" data-position="fixed" data-fullscreen="true" data-tap-toggle="false">
    <div class="" style="background: white" data-role="navbar">
      <ul>
        <li><a href="index.php" data-ajax='false' data-role="button" data-icon="articleNow" class="ui-icon-article" data-iconpos="notext" style="box-shadow:none">首页</a></li>
        <li><a href="saylove.php" data-ajax='false' data-transition="slide" data-role="button" data-icon="heart" class="ui-icon-heart" data-iconpos="notext" style="box-shadow:none">表白</a></li>
        <li><a href="search.php" data-ajax='false' data-role="button" data-icon="search" class="ui-icon-search" data-iconpos="notext" style="box-shadow:none">搜索</a></li>
      </ul>
    </div>
  </div>

全屏定位-敲击屏幕会隐藏或显示页眉

参考
菜鸟教程-jQuery Mobile 工具栏

刘月林
写于浙江宁波
2018/08/28

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 读这本书之前,我先想象了以下的场景: 当深爱的人突然无缘无故地离开了你,再也没有回来; 躺在一个曾经爱过你的人身边...
    十块钱好奇大王阅读 852评论 0 9
  • 一个人自己的事要是值得管,他通常都会去管自己的事。如果自己的事不值得管,他就会丢下自己那些没意义的事,转而去管别人...
    许泽武阅读 168评论 0 0
  • 借书,在我们的日常生活中再寻常不过。袁枚的《黄生借书说》中有句话人尽皆知:“书非借不能读也。”意思是说,只有借来的...
    淡然一笑月阅读 236评论 0 3
  • 老妈辛辛苦苦一辈子,按理说,应该是颐养千年的时候了。可是她却孜孜不倦,勤奋好学,她经常教育我说:“人啊,不能服老,...
    敏子007阅读 117评论 0 0
  • 梦到了猫。 然后不再想养猫了。 梦里猫很尖锐很肃杀。它和狗搏斗,它输了,被狗撕咬。姑姑说因为猫很邪性,导致狗也变疯...
    叶无陈阅读 180评论 0 0