1、在头部导航栏中，也可以保留头部栏中的标题与按钮，只要将导航栏容器以嵌套的方式放置在头部即可。

2、示例代码：

<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <meta name="viewport" content="width=device-width,initial-scale=1"/>
  <link href="Css/jquery.mobile-1.2.0.min.css" rel="Stylesheet" type="text/css"/>
  <script src="Js/jquery-1.8.3.min.js" type"text/javascript"></script>
  <script src="Js/jquery.mobile-1.2.0.min.js" type="text/javascript"></script>
 </HEAD>
 <BODY>
    <div data-role="page" id="e1">
 <div data-role="header">
    <h1>图书频道</h1>
<div data-role="navbar">
  <ul>
    <li><a href="#" class="ui-btn-active">图书</a></li>
<li><a href="#e2" >音乐</a></li>
<li><a href="#" >影视</a></li>
  </ul>
</div>
 </div>
 <div data-role="content"><p>这是图书页面</p></div>
 <div data-role="footer"><h4>@2013 3I Studio</h4></div>
</div>
   <div data-role="page" id="e2">
 <div data-role="header">
    <h1>音乐频道</h1>
<div data-role="navbar">
  <ul>
    <li><a href="#e1" >图书</a></li>
<li><a href="#" class="ui-btn-active">音乐</a></li>
<li><a href="#" >影视</a></li>
  </ul>
</div>
 </div>
 <div data-role="content"><p>这是音乐页面</p></div>
 <div data-role="footer"><h4>@2013 3I Studio</h4></div>
</div>
 </BODY>
</HTML>

3、效果图预览：

点击音乐按钮

Logo
向您推荐>>Eolink开发者社区

权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区

更多推荐

ELK实现containerd的容器日志采集展示【基于logging的全栈监测】

企业级ELK Stack构建介绍

avatar 云原生

深入理解 Mocha 测试框架：从零实现一个 Mocha

前言什么是自动化测试自动化测试在很多团队中都是Devops环节中很难执行起来的一个环节，主要原因在于测试代码的编写工作很难抽象，99%的场景都需要和业务强绑定，而且写测试代码的编写工作量往往比编写实际业务代码的工作量更多。在一些很多业务场景中投入产出比很低，适合写自动化测试的应该是那些中长期业务以及一些诸如组件一样的基础库。自动化测试是个比较大的概念，其中分类也比较多，比如单元测试，端对端测试，集

avatar 云原生

(20200916 Solved)docker-compose up创建容器自动退出

问题描述如题，创建容器后自动退出了。并且docker start container无效解决方案原因是缺失了控制终端的配置，需要在docker-compose.yml中增加tty:true ，有时候这样也不行，需要再增加一个command:/bin/bash，命令不一定是这个，需要是一个不会退出的命令，然后用-d后台启动容器。Referencesdocker-compose启动容器后自动退出...

avatar 云原生