問題描述

我的首頁有四個(gè)頁面，實(shí)際上是一個(gè)頁面，四個(gè)ID，通過底部的nav顯示哪個(gè)ID對(duì)應(yīng)的頁面。如果我在第四個(gè)ID頁面點(diǎn)擊返回按鈕，執(zhí)行 .mui-action-back 這個(gè)控件，但是沒有反應(yīng)。我應(yīng)該怎么做，同樣點(diǎn)擊 .mui-action-back 這個(gè)控件由第四個(gè)ID頁返回到第一個(gè)ID頁面？謝謝！

<!--bottom nav--> <nav class='mui-bar mui-bar-tab anviz-bar-bottom'><a href='http://m.propowerdrill.cn/wenda/5257.html#home'> <span class='mui-icon iconfont icon-home'></span> <span class='mui-tab-label'>HOME</span></a><a href='http://m.propowerdrill.cn/wenda/5257.html#support'> <span class='mui-icon iconfont icon-support'></span> <span class='mui-tab-label'>SUPPORT</span></a><a href='http://m.propowerdrill.cn/wenda/5257.html#products'> <span class='mui-icon iconfont icon-product'></span> <span class='mui-tab-label'>PRODUCTS</span></a><a href='http://m.propowerdrill.cn/wenda/5257.html#me'> <span class='mui-icon iconfont icon-profile'></span> <span class='mui-tab-label'>ME</span></a> </nav>

<!--分別對(duì)應(yīng)不同的ID--><p class='mui-slider-group roleRight anviz-animation'> <p class='mui-slider-item mui-control-content mui-active'></p> <p class='mui-slider-item mui-control-content'></p> <p class='mui-slider-item mui-control-content'></p> <p class='mui-slider-item mui-control-content'></p> </p>

當(dāng)我點(diǎn)擊me的返回上一頁時(shí)，我希望可以回到 id 為 home 的頁面。

問題解答

哈哈哈， mui， 比較擅長(zhǎng) $ { 打引號(hào) $

有且只提供思路：

對(duì)于這種page切換， 假設(shè)每個(gè)page都占滿全屏：

設(shè)置一個(gè)公共樣式： .indexHtml-page

每當(dāng)頁面跳轉(zhuǎn)， .indexHtml-page -> display：none； 同時(shí)： herfId -> dispaly : block

恩， 一般每個(gè)page我都會(huì)重寫一個(gè) header > a.mui-action-back ; 然后每一個(gè)a都有一個(gè)herfID 跳轉(zhuǎn)到他應(yīng)該去的地方

那么問題來了， 如果我是共用一個(gè) header > a.mui-action-back 要返回上一個(gè)跳過來的page， 么搞??？？

跳轉(zhuǎn)前：

<a data-goback='true' data-href='http://m.propowerdrill.cn/wenda/5257.html#support'> <span class='mui-icon iconfont icon-support'></span> <span class='mui-tab-label'>SUPPORT</span></a>添加 data-goback 與 data-href；

我目前實(shí)現(xiàn)的函數(shù)是要求 data-goback 與 data-href 配套使用的， 而且只使用在這種單頁page跳轉(zhuǎn)中

JS 判斷： 如果此 a[data-href] 元素 擁有data-goback， 則記錄下當(dāng)前所在page的 id（ 可以用sessionStroage ）， 等到點(diǎn)擊 a.mui-action-back ， 則先訪問sessionStroage（注意： 返回后應(yīng)該空sessionStroage））