La barre de navigation mobile de jQuery ne fonctionnera pas

Question

Je n'arrive pas à faire fonctionner le widget de la barre de navigation dans mon code. Je construis ma première application dans le bloc-notes ++ et j'essaie d'apprendre au fur et à mesure que je compile. Je m'excuse donc pour les erreurs simples.

A partir de maintenant, il se présente sous forme de deux tableaux à deux rangées, le premier représentant le premier bouton avec un espace en dessous et le second affichant un espace au-dessus avec le deuxième bouton en dessous. J'ai vérifié sur le site de démo mobile de jQuery pour essayer de comprendre le code et je suis arrivé à noter, et je viens donc à vous.

<div data-role="page" id="pageone"> 
<div data-role="header" data-id="header" data-position="fixed"> 
    <div data-role="navbar"> 
     <ul> 
      <li><a href="#pagetwo" class ="ui-btn-active ui-state-persist"> 
       <h2>Summoner Information</h2> 
       <h3>Statistics & Achievements</h3><a/></li> 
      <li><a href="#todolist"> 
       <h2>To-Do List</h2> 
       <h3>Application wish list</h3></a></li> 
     </ul> 
    </div><!--/navbar --> 
</div><!--/header --> 
<div data-role="main" class="ui-content"> 
    <p>This is an ongoing test page for my League of Legends Statistical Analysis and Coaching application</p> 
    <p>Please enter your summoner name in the text box below.</p> 
    <h2>Enter Your Summoner Name</h2> 

    <div class="ui-grid-a"> 
     <div class="ui-block-a"><input type="search" name="SumName" id="SumName" placeholder="Summoner Name" data-clear-btn="true"></div> 
     <div class="ui-block-b"><a href="#pagetwo" id="callSum" class="ui-btn" >Search</a></div> 

    </div> 
</div> 
<div data-role="footer"> 
    <h1>Footer Text</h1> 

</div> 

Answer 1

Vous avez une erreur de syntaxe dans la balise de fermeture de l'ancre. vous avez utilisé comme <a/> au lieu de </a>

Mettez à jour votre code comme ci-dessous.

<li><a href="#pagetwo" class ="ui-btn-active ui-state-persist"> 
     <h2>Summoner Information</h2> 
     <h3>Statistics & Achievements</h3></a> 
    </li>