我正在使用 Jquery mobile,我在每个页面内都有一个面板,当我在页面之间导航时,面板被阻止:它不再显示或工作,它打击了我的风格
有什么建议么 .. ??
我正在使用 Jquery mobile 1.4 alpha 2
<script type="text/javascript" src="./js/jquery.mobile-1.4.0-alpha.2.js"></script>
这是一个页面,所有页面看起来都像这个页面,只是页面的ID不同
<!-- Start of Page: #Identification -->
<div data-role="page" id="identification" >
<div data-role="panel" data-position-fixed="true" data-theme="a" id="nav-panel">
<ul data-role="none" data-theme="a" class="nav-search">
<li class="meteo">
<span id="date">
<table>
<tr>
<th class="day" rowspan="2">04</th>
<td class="month">JUILLET</td>
</tr>
<tr>
<td class="year">2013</td>
</tr>
</table>
</span>
<span id="meteo-stat" class="meteo-icon sun">22°</span>
<div id="blockPhoto">
<a href="javascript:void(0);" title="enregistrez votre photo" class="photo" onClick="changePhoto();">
<span id="image_profil">
<span id="txt">enregistrez<br>votre photo</span>
</span>
</a>
</div>
<div id="blockPhotoProfil">
<a href="javascript:void(0);" title="Profil" class="photo">
<span id="image_profil_client">
</span>
</a>
</div>
</li>
<li class="commanderTaxi"><a href="#commande" title="commander un taxi">commander un taxi</a></li>
<li class="reservationEnCours"><a href="#reservation" title="réservation en cours">réservation en cours</a></li>
<li class="monProfil"><a href="#profil" title="mon profil">mon profil</a></li>
<li class="informationLegals"><a href="#informationslegales" title="information légals">information légals</a></li>
</ul>
</div><!-- /panel -->
<div id="header" data-role="header" data-theme="f" data-position="fixed">
<span id="logo"><h1><img src="images/logo.png" title="logo" alt="logo"></h1></span>
<a class="menuButton" data-role="button" href="#nav-panel" data-iconpos="notext"><img class="iconMenu" src="images/btn_menu_OFF.png"></a>
</div><!-- /header -->
<div data-role="content" id="identification-contenu">
<div id="indentification">
<div class="titre-identification"><span class="centerV">identification</span></div>
<div class="s-identifier"><span class="centerV2">S'identifier</span></div>
<div class="email-identification">E-mail</div>
<div class="input-email"> <input type="email" name="email"></div>
<div class="password-identification">Mot de Passe</div>
<div class="input-password"><input type="password" name="passe"></div>
<div class="oublier-identification"><a href="#">Mot de passe oublié</a></div>
<div class="button-style"><a href="#"><span class="centerV4">Se connecter</span></a></div>
<div class="creer-compte"><span class="centerV2">CRÉER UN COMPTE</span></div>
<div class="button-style2"><a href="#"><span class="centerV5">Créer</span></a></div>
</div>
</div>
<!-- /content -->