1

我正在使用 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 -->

4

0 回答 0