javascript - Comment réécrire mui.back() pour revenir à la page d'identification spécifiée ?
怪我咯
怪我咯 2017-06-26 10:52:39
0
1
1168

Ma page d'accueil comporte quatre pages. Il s'agit en fait d'une page avec quatre identifiants. La navigation en bas indique quel identifiant correspond à la page. Si je clique sur le bouton de retour sur la quatrième page d'identification, le contrôle .mui-action-back est exécuté, mais il n'y a pas de réponse. Que dois-je faire pour cliquer également sur le contrôle .mui-action-back pour revenir à la première page d'identification à partir de la quatrième page d'identification ? Merci!

<!--bottom nav-->
            <nav class="mui-bar mui-bar-tab anviz-bar-bottom">
                <a class="mui-tab-item mui-active" href="#home">
                    <span class="mui-icon iconfont icon-home"></span>
                    <span class="mui-tab-label">HOME</span>
                </a>
                <a class="mui-tab-item" href="#support">
                    <span class="mui-icon iconfont icon-support"></span>
                    <span class="mui-tab-label">SUPPORT</span>
                </a>
                <a class="mui-tab-item" href="#products">
                    <span class="mui-icon iconfont icon-product"></span>
                    <span class="mui-tab-label">PRODUCTS</span>
                </a>
                <a class="mui-tab-item" href="#me">
                    <span class="mui-icon iconfont icon-profile"></span>
                    <span class="mui-tab-label">ME</span>
                </a>
            </nav>
<!--分别对应不同的ID-->
<p id="contentGroup" class="mui-slider-group roleRight anviz-animation">
    <p id="home" class="mui-slider-item mui-control-content mui-active"></p>
    <p id="support" class="mui-slider-item mui-control-content"></p>                
    <p id="products" class="mui-slider-item mui-control-content"></p>
    <p id="me" class="mui-slider-item mui-control-content"></p>            
</p>

Lorsque je clique sur moi pour revenir à la page précédente, j'espère revenir à la page avec l'identifiant de la maison.

怪我咯
怪我咯

走同样的路,发现不同的人生

répondre à tous(1)
学习ing

Hahaha, mui, c'est mieux à $ {quoting marks $

Il y a et seulement des idées proposées :

  • Pour ce type de changement de page, supposons que chaque page occupe tout l'écran :

    • Définissez un style public : .indexHtml-page

    • Chaque fois que la page saute, .indexHtml-page -> display:none; 同时: herfId -> dispaly : block

  • Eh bien, généralement, je réécrirai chaque page header > a.mui-action-back et ensuite chacune aura un herfID pour aller là où elle devrait aller

  • Alors la question est : si je partage un header > a.mui-action-back et que je souhaite revenir à la page précédente ignorée, que dois-je faire ? ?

    • Avant le saut :

      <a class="mui-tab-item" data-goback="true" data-href="#support">
          <span class="mui-icon iconfont icon-support"></span>
          <span class="mui-tab-label">SUPPORT</span>
      </a>
      添加 data-goback 与 data-href; 
    • La fonction que j'implémente actuellement doit être utilisée conjointement avec data-gobackdata-href et n'est utilisée que dans ce type de saut de page d'une seule page

    • Jugement JS : si cet élément a[data-href] a un retour de données, enregistrez l'identifiant de la page actuelle (vous pouvez utiliser sessionStroage), attendez que l'on clique sur a.mui-action-back, puis visitez d'abord sessionStroage (remarque : sessionStroage devrait être vide après le retour) ))

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal