Sto lavorando alla mia prima app mobile e non riesco a far funzionare il pulsante di Navbar giusto

Question

Sto usando Dreamweaver CS6 e ho allegato il codice qui sotto.Ho aggiornato tutti i file jQuery alle ultime versioni.Quando vado a Live View posso cliccare su entrambi i primi due pulsanti, ma il terzo pulsante non funzionerà su nessuna pagina e non ha un bordo pulito a destra.C'è qualcosa di sbagliato con il CSS o il codice stesso.Grazie

Sto usando Dreamweaver CS6 e ho allegato il codice qui sotto.Ho aggiornato tutti i file jQuery alle ultime versioni.Quando vado a Live View posso cliccare su entrambi i primi due pulsanti, ma il terzo pulsante non funzionerà su nessuna pagina e non ha un bordo pulito a destra.C'è qualcosa di sbagliato con il CSS o il codice stesso.Grazie

<!--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ì La tua seconda e terza pagina non ha un tag </div> di chiusura.Potresti voler provare e utilizzare i validatori per aiutare a individuare problemi come questo.Ecco il tipo di cosa che vedi quando si esegue il codice tramite un validatore.

Linea 38, Colonna 56: Elemento non inviato div.

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

Linea 20, colonna 55: elemento non inviato div.

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

HTML5 Validars

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

   Spero che questo aiuti.