JQuery Mobile Navbar wird abgehört

Question

Wenn ich eine Navbar mit JQM machen will, fügt das System unnötige &nbsp in das Raster, die die Navbar sieht seltsam aus.

Ich benutze JQM 1.4.5 und Jquery 1.11.2.

Code:

<div id="home" data-role="page"> 
    <h1>Content</h1> 
    <div data-role="footer"> 
    <div data-role="navbar"> 
     <ul> 
     <li><a href="#" class="ui-btn-active">One</a></li> 
     <li><a href="#">Two</a></li> 
     </ul> 
    </div><!-- /navbar --> 
    </div> 
</div> 

Browser:

Answer 1

Für Menschen, die dies und mit dem gleichen Problem sehen: Wenn Sie den Code für die Widgets aus der JQuery Mobile-Demo zu kopieren, Zwischen den Tags befinden sich Leerzeichen, die Sie im Browser sehen. Löschen Sie sie und es sollte wieder normal aussehen.

Answer 2

Haben die zweite Registerkarte fallen blasen wie das vielleicht von Ihrem CSS verursacht. Verwenden Sie display: inline-block oder floats, um diese Elemente korrekt auszurichten.