2016-05-10 3 views
0

Ich möchte Navigation Drawer mithilfe des Bedienfelds mit einer Liste von Schaltflächen (die jeweils eine andere Seite öffnen) implementieren. Das Problem tritt auf, wenn ich zur vorherigen Seite zurückkehre und versuche, das Panel wieder zu öffnen. Button, der das machen soll, funktioniert nicht, er leuchtet nur blau auf.Button funktioniert nicht, wenn ich wieder auf der Startseite bin

starten http://imgur.com/WeNactN

öffnen Panel http://imgur.com/492rnXN

Zurück in der ersten Seite, Button nicht http://imgur.com/UnX7Jk4

Hier funktioniert meine index.html

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> 
     <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
     <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 

</head> 

<body> 

    <div data-role="page" id="firstPage"> 
     <div data-role="panel" id="myPanel" data-display="overlay"> 
     <h2>Menu</h2> 
     <br/> 
     <ul data-role="listview"> 
       <li><a href="#firstPage" data-rel="close" >First Page</a></li> 
       <li><a href="#secondPage" data-rel="close" >Second Page</a></li> 
     </ul>  
     </div> 

     <div data-role="header"> 
     <h1>First Page</h1> 
     <a href="#myPanel" class="ui-btn ui-icon-bars ui-btn-icon-left ui-btn-icon-notext ui-btn-inline ui-corner-all ui-shadow">Open Panel</a> 
     </div> 

     <div data-role="main" class="ui-content"> 
     <p>FirstPage</p> 
     </div> 
    </div> 


    <div data-role="page" id="secondPage"> 
     <div data-role="panel" id="myPanel" data-display="overlay"> 
     <h2>Menu</h2> 
     <br/> 
     <ul data-role="listview"> 
       <li><a href="#firstPage" data-rel="close" >First Page</a></li> 
       <li><a href="#secondPage" data-rel="close" >Second Page</a></li> 
     </ul>  
     </div> 

     <div data-role="header"> 
     <h1>Second Page</h1> 
     <a href="#myPanel" class="ui-btn ui-icon-bars ui-btn-icon-left ui-btn-icon-notext ui-btn-inline ui-corner-all ui-shadow">Open Panel</a> 
     </div> 

     <div data-role="main" class="ui-content"> 
     <p>Second Page</p> 
     </div>    

</body> 

Alle Ratschläge oder Vorschläge werden sehr geschätzt.

Antwort

2

Sie 2 Panel divs mit der gleichen ID haben id="myPanel"

die ID der zweiten Platte zu ändern sollte das Problem beheben.