Estoy trabajando en mi primera aplicación móvil y no puedo obtener el botón de NavBar derecha para trabajar

Question

Estoy usando Dreamweaver CS6 y he adjuntado el código a continuación.Actualicé todos los archivos jQuery a los últimos lanzamientos.Cuando voy a vivir la vista, puedo hacer clic en los dos primeros botones, pero el tercer botón no funcionará en ninguna de las páginas y no tiene un borde limpio a la derecha.¿Hay algo malo con el CSS o el código en sí?Gracias

Estoy usando Dreamweaver CS6 y he adjuntado el código a continuación.Actualicé todos los archivos jQuery a los últimos lanzamientos.Cuando voy a vivir la vista, puedo hacer clic en los dos primeros botones, pero el tercer botón no funcionará en ninguna de las páginas y no tiene un borde limpio a la derecha.¿Hay algo malo con el CSS o el código en sí?Gracias

<!--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

Sí, su segunda y tercera página no tiene una etiqueta de cierre de generación de generación.Es posible que desee intentarlo y usar los validadores para ayudar a atender los problemas como este.Aquí está el tipo de cosas que ve cuando ejecuta su código a través de un validador.

Línea 38, Columna 56: Element DIV no cerrado.

</div>

Línea 20, columna 55: Element DIV no cerrado.

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

html5 validadores

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

   Espero que esto ayude.