Question

我使用的是Dreamweaver CS6，我附上了以下代码。我将所有jquery文件更新到最新版本。当我进入实时视图时，我可以单击前两个按钮，但第三个按钮在任一页面上都不起作用，并且右边没有干净的边缘。 css或代码本身是否有问题。感谢

<!--Safety Home Page Starts Here -->
<div data-role="page" id="safety_home" data-theme="c">
  <div data-role="header" data-theme="c">
    <h1>GGM Mobile</h1>
    <div data-role="navbar" data-theme="c"><ul>
      <li><a href="#safety_home" class="ui-btn-active">Home</a></li>
      <li><a href="#safety_topic">Topics</a></li>
      <li><a href="#safety_report">Report</a></li>
    </ul></div>
  </div>
  <div data-role="content" data-theme="c">
    <p>Home</p>
  </div>
  <div data-role="footer" data-theme="c">
    <h4>Gothic Grounds Management, Inc. &copy; 2012</h4>
  </div>
</div>
    <!--Safety Home Page Ends Here -->
    <!--Safety Topic Page Starts Here -->
<div data-role="page" id="safety_topic" data-theme="c">
  <div data-role="header" data-theme="c">
    <h1>GGM Mobile</h1>
    <div data-role="navbar" data-theme="c"><ul>
      <li><a href="#safety_home">Home</a></li>
      <li><a href="#safety_topic" class="ui-btn-active">Topic</a></li>
      <li><a href="#safety_report">Report</a></li>
    </ul>
    </div>
  </div>
  <div data-role="content" data-theme="c">
    <p>Topics</p>
  </div>
  <div data-role="footer" data-theme="c">
    <h4>Gothic Grounds Management, Inc. &copy; 2012</h4>
  </div>
    <!--Safety Topics Page Ends Here -->
    <!--Safety Incidents Page Starts Here -->
<div data-role="page" id="safety_report" data-theme="c">
  <div data-role="header" data-theme="c">
    <h1>GGM Mobile</h1>
    <div data-role="navbar" data-theme="c"><ul>
      <li><a href="#safety_home">Home</a></li>
      <li><a href="#safety_topic">Topics</a></li>
      <li><a href="#safety_report" class="ui-btn-active">Report</a></li>
    </ul>
    </div>
  </div>
  <div data-role="content" data-theme="c">
    <p>Topics</p>
  </div>
  <div data-role="footer" data-theme="c">
    <h4>Gothic Grounds Management, Inc. &copy; 2012</h4>
  </div>
    <!--Safety Incident Page Ends Here -->

Answer 1

是的，您的第二页和第三页没有关闭</div>标记。您可能想尝试使用验证器来帮助发现这样的问题。以下是通过验证程序运行代码时看到的类型。

第38行，第56栏：未结算的元素div。

<div data-role="page" id="safety_report" data-theme="c">

第20行，第55栏：未关闭的元素div。

<div data-role="page" id="safety_topic" data-theme="c">

HTML5验证器

http://validator.w3.org/
http://html5.validator.nu/

我希望这会有所帮助。

我正在开发我的第一个移动应用程序，但无法使用正确的导航栏按钮

1 个答案: