javascript - Comment réécrire mui.back() pour revenir à la page d'identification spécifiée ?

Question

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.

Answer 1

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-goback 与 data-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) ))