Javascript 仅用导航栏替换内容

我一直在搜索如何用navbar替换内容，我发现了这个站点：，&我完全无法理解javascript是如何工作的。是的，我是这个领域的新手

因此，他设法用以下代码创建了内容：

<div data-role="page">
  <div data-role="header">
    <div data-role="navbar">
      <ul>
        <li><a href="#one" class="ui-btn-active ui-btn-persist">One</a></li>
        <li><a href="#two">Two</a></li>
        <li><a href="#three">Three</a></li>
      </ul>
    </div>
  </div>
  <div data-role="content">
    <div id="one">One content</div>
    <div id="two">Two content</div>
    <div id="three">Three content</div>
  </div>
</div>

我打算用导航栏创建3个内容，下面是我的代码：

<div data-role="navbar" data-iconpos="bottom">
      <ul>
       <li><a href="#one" id="home" data-transition="fade" data-theme="" data-icon="home" class="ui-btn-active">Home</a></li>
       <li><a href="#two" id="vmap" data-transition="fade" data-theme="" data-icon="star">V-Map</a></li>
       <li><a href="#three" id="login" data-transition="fade" data-theme="" data-icon="check">Login</a></li>
      </ul>
     </div>
    </div>
    <div data-role="content" align="center" style="margin:2em 1em 2em 1em;">
     <div id="one">First Content</div>
     <div id="two">Second Content</div>
     <div id="three">Third Content</div>
    </div>

第一内容
第二内容
第三内容

---

我没有像示例中给出的那样的上一页，有人能帮我使用javascript吗？

请确保在代码中引用jQuery、jQuery Mobile库。 我假设上一个按钮的问题是，您没有页面和标题div包装器

您必须使用他的精确标记，包括页面和页眉div

<div data-role="page">
  <div data-role="header">
  <div data-role="navbar">
    <ul>
      <li><a href="#one" class="ui-btn-active ui-btn-persist">One</a></li>
      <li><a href="#two">Two</a></li>
      <li><a href="#three">Three</a></li>
    </ul>
  </div>
  </div>
  <div data-role="content">
    <div id="one">One content</div>
    <div id="two">Two content</div>
    <div id="three">Three content</div>
  </div>
</div>

一个内容
两个内容
三个内容

<div data-role="page">
  <div data-role="header">
  <div data-role="navbar">
    <ul>
      <li><a href="#one" class="ui-btn-active ui-btn-persist">One</a></li>
      <li><a href="#two">Two</a></li>
      <li><a href="#three">Three</a></li>
    </ul>
  </div>
  </div>
  <div data-role="content">
    <div id="one">One content</div>
    <div id="two">Two content</div>
    <div id="three">Three content</div>
  </div>
</div>